prakashrajansakthivel
prakashrajansakthivel

Reputation: 2042

Dropdown style not rendering properly in ff and IE

I am trying to customize the dropdown with these style.The style rendering properly in Chrome but in IE anf FF default stle is overriding the css.

here is the Css style for dropdown

http://jsfiddle.net/eVLY9/

<select class="ddText dropdown-select" id="opt" style="width: 90px;">

Upvotes: 0

Views: 145

Answers (2)

prakashrajansakthivel
prakashrajansakthivel

Reputation: 2042

As saikiran.vsk suggested in FF the you can use

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
}

and in IE this will work , but IE 9+

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

you can add this either globally or class based.Thanks How to hide drop down arrow in IE8 & IE9? @spudley

Upvotes: 0

saikiran.vsk
saikiran.vsk

Reputation: 1796

use these styling element

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
}

Upvotes: 1

Related Questions