Remove Select arrow on IE

by

In IE9, it is possible with purely a hack as advised by @Spudley. Since you’ve customized height and width of the div and select, you need to change div:before css to match yours.

In case if it is IE10 then using below css3 it is possible

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

However if you’re interested in jQuery plugin, try Chosen.js or you can create your own in js.

More Related Contents:

  1. How do I make a placeholder for a ‘select’ box?
  2. Change select box option background color
  3. How to remove the default arrow icon from a dropdown list (select element)?
  4. Select dropdown with fixed width cutting off content in IE
  5. Html Select box options on Hover?
  6. Changing highlight color
  7. Set width of dropdown element in HTML select dropdown options
  8. Image in SELECT element [duplicate]
  9. How can change width of dropdown list?
  10. Rendering a hierarchy of “OPTION”s in a “SELECT” tag
  11. How to get equal width of input and select fields
  12. Can't get footer image to display in IE8?
  13. How to force child div to be 100% of parent div’s height without specifying parent’s height?
  14. Unwanted margin in inline-block list items [duplicate]
  15. Background image not showing in Safari
  16. How to vertically align into the center of the content of a div with defined width/height?
  17. Changing Underline color
  18. css “left” not working
  19. :nth-child(even/odd) selector with class [duplicate]
  20. How to CSS: select element based on inner HTML [duplicate]
  21. Why does width apply to a button with display inline?
  22. Equalize the height of left and right div, prevent right div from going below left div
  23. Auto Resize Image in CSS FlexBox Layout and keeping Aspect Ratio?
  24. How to make the web page height to fit screen height
  25. How can I create a wavy shape CSS?
  26. CSS Zigzag Border with a Textured Background
  27. How to create a multi-column list?
  28. Bootstrap – Fill fluid container between header and footer
  29. “break-inside: avoid-column” doesn’t work in Firefox
  30. How to center and crop an image to always appear in square shape with CSS?

Leave a Comment