css3 appearance property for IE

css appearance
Emil Avramov picture Emil Avramov · May 22, 2011 · Viewed 31.2k times · Source

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 CSS3 supporters, but none of them work with appearance. Help me, please!

Thanks in advance!

Answer

React Developer picture React Developer · Oct 15, 2013 
.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.

Related questions

How to make text appear on scroll in html

Hello, I want a certain text to appear when I scroll past it or when I scroll until the point where the text is. The effect when appearing should be somewhat like the first effect on the top of the …

Read More
Radio Button Styling

I want to style radio buttons with pure CSS, no classes or IDs. Just input[type=radio]. I want to use a background image for unselected and selected. However, the -vendor-appearance:none; doesn't work with Trident or Gecko. Just Webkit. …

Read More
Google Maps api v3 tools: visual distortions?

I just noticed that the gMap view tools are displaying…rather unusually. Their regions still seem to be properly defined—I can interact with them just fine, it's just their appearance that looks messed up. I haven't applied any CSS …

Read More