IE & Firefox - custom drop down could not remove native arrows

Question

I\'m trying create a custom drop down control and I need to hide the arrows from the native controls. I\'m using the following CSS, which is working for Chrome

Answer 1

Bare-bones examples:

For I.E:

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

For Firefox:

select {
    -moz-appearance: none;
    appearance: none;

    text-overflow: ''; /* this is important! */
}