css3 appearance property for IE

Question

I have a problem with the css3 appearance property in IE. I need it to hide a select menu\'s arrow, but it\'s just not working. I tried PIE.htc, ie-css3.htc and other IE CSS

Answer 1

.listing select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/select-bg.jpg") no-repeat scroll 0 0 transparent;
    text-indent: 0.01px;
    text-overflow: "";

}
.listing select::-ms-expand{
    display: none;
}

Note : For Chrome, Mozilla & IE 10 Works fine.

Answer 2

appearance property is no longer supported. If required you can use moz-appearance for firefox or -webkit-appearance for chrome