How can I hide a <select> arrow in Firefox 30+?

后端未结

关注

 6  975

This hack used to work in <= Firefox 29 to remove a

Then you can remove the dropdown arrow in Firefox 30+

.styled-select { 
  overflow: hidden; 
  width: 200px;
}

@-moz-document url-prefix(){
  .styled-select select { width: 110%; }
}

Working demo: codepen

FYI: The same technique works in IE 8 & 9, just use a conditional comment instead of @-moz-document url-prefix()

0 讨论(0)