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

Thanks in advance!

how did you hide the select menu's arrow in other browsers? – Livingston Samuel Jun 27 '11 at 20:54 — Livingston Samuel, Jun 27 '11 at 20:54
I didn't. I had to hide the whole select menu. – Emil Avramov Jul 04 '11 at 13:16 — Emil Avramov, Jul 04 '11 at 13:16

score 37 · Answer 1 · answered Oct 15 '13 at 06:09

.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.

score 0 · Answer 2 · answered Jun 13 '17 at 22:32

0

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

answered Jun 13 '17 at 22:32

Nafissur

1
1

css3 appearance property for IE

2 Answers2

Linked