Reset default styling of Select Dropdown

19,795

This works for me:

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

select::-ms-expand {
    display: none;
}
Share:
19,795
Dennis
Author by

Dennis

Updated on June 04, 2022

Comments

  • Dennis
    Dennis almost 2 years

    I'm creating a website and no matter what I do, I am unable to style select dropdown, when I'm looking at it on my mac. What can I do? Is there a script somewhere that reset the default styles?

  • neox5
    neox5 about 4 years
    The select tag isn't mentioned in this reset css. So this would not help...
  • Bouh
    Bouh over 2 years
    this does not answer the OP's question at all