How to remove the default arrow icon from a dropdown list (select element)?

by

There’s no need for hacks or overflow. There’s a pseudo-element for the dropdown arrow on IE:

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

More Related Contents:

  1. How can change width of dropdown list?
  2. How to style the option of an html “select” element?
  3. How do I make a placeholder for a ‘select’ box?
  4. Change select box option background color
  5. Change Select List Option background colour on hover
  6. Drop-down menu that opens up/upward with pure css
  7. How to make a pure css based dropdown menu?
  8. Pure CSS multi-level drop-down menu
  9. Word wrap options in a select list
  10. Select dropdown with fixed width cutting off content in IE
  11. Remove Select arrow on IE
  12. Html Select box options on Hover?
  13. Changing highlight color
  14. Set width of dropdown element in HTML select dropdown options
  15. How to hide drop down arrow in IE8 & IE9?
  16. How to change font-family of drop down’s list item?
  17. Image in SELECT element [duplicate]
  18. Rendering a hierarchy of “OPTION”s in a “SELECT” tag
  19. How to get horizontal scroll bar in select box in IE?
  20. How to get equal width of input and select fields
  21. How to create uneven rounded sides on a div?
  22. CSS Cut out circle from a rectangular shape
  23. Using CSS to insert text
  24. Rounded table corners CSS only
  25. Bootstrap 4 – Responsive cards in card-columns
  26. How to make last cell of a row in a table occupy all remaining width
  27. How to define a dynamic mixin or function name in SASS?
  28. How do browsers calculate width when child depends on parent, and parent’s depends on child’s
  29. after pseudo element not appearing in code
  30. Most common way of writing a HTML table with vertical headers?

Leave a Comment