How to Make Select Element be Transparent in Chrome?

by 
select {
  width:192px;
  padding:2px;
  border:none;
  background:url(http://imgur.com/MJyZM.png) 0 0 no-repeat;
  -webkit-appearance: none;
}
<select>
  <option value="abcdefg">abcdefg</option>
  <option value="1234567">1234567</option>
  <option value="abcdefg">abcdefg</option>
</select>

Not tested on firefox but it seems -webkit-appearance: none; disables specific behaviours webkit can apply.

More Related Contents:

  1. Chrome / Safari not filling 100% height of flex parent
  2. How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate]
  3. Remove blue border from css custom-styled button in Chrome
  4. How to style a select tag’s option element?
  5. Google Chrome Printing Page Breaks
  6. Select arrow style change
  7. See :hover state in Chrome Developer Tools
  8. How to apply specific CSS rules to Chrome only?
  9. :not() selector not behaving the same between Safari and Chrome/Firefox
  10. Is there any “font smoothing” in Google Chrome?
  11. Freeze screen in chrome debugger / DevTools panel for popover inspection?
  12. less.js not working in chrome
  13. Background Image for Select (dropdown) does not work in Chrome
  14. Google chrome a:visited background image not working
  15. Chrome Developer Tools: How to find out what is overriding a CSS rule?
  16. Webkit CSS to control the box around the color in an input[type=color]?
  17. What do the crossed style properties in Google Chrome devtools mean?
  18. What does it mean when a CSS rule is grayed out in Chrome’s element inspector?
  19. How do I stop Chrome from yellowing my site’s input boxes?
  20. Chrome renders colours differently from Safari and Firefox
  21. Changing an input’s HTML5 placeholder color with CSS does not work on Chrome
  22. How to reset / remove chrome’s input highlighting / focus border? [duplicate]
  23. font-face with wrong MIME type in Chrome
  24. Print Background colours in Chrome
  25. how to override font boosting in mobile chrome
  26. Using “word-wrap: break-word” within a table [duplicate]
  27. chrome : how to turn off user agent stylesheet settings?
  28. Font-size
  29. -webkit-font-smoothing property has no effect in Chrome
  30. Combine CSS Attribute and Pseudo-Element Selectors?

Leave a Comment