How to change colour of blue highlight on select box dropdown

by

Yes, you could change the background of select but you will not be able to change the highlight color (when you hover) by using CSS!

You have few options:

  1. Is to convert select into ul, li kind of select and do anything you want with this.

  2. Use libraries like Choosen, Select2 or jQuery Form Styler . These allow you to style in much more broad and cross-browser way.

More Related Contents:

  1. Prevent content from expanding grid items
  2. Click through div to underlying elements
  3. Position deeply nested elements in a higher level grid container
  4. Why don’t :before and :after pseudo elements work with `img` elements? [duplicate]
  5. CSS Property Border-Color Not Working
  6. Browsers’ default CSS stylesheets
  7. How to dynamically add a class to manual class names?
  8. CSS animation delay in repeating
  9. Why does .foo a:link, .foo a:visited {} selector override a:hover, a:active {} selector in CSS?
  10. Can I target a :before or :after pseudo-element with a sibling combinator?
  11. Wave (or shape?) with border on CSS3
  12. CSS selector – element with a given child [duplicate]
  13. How to style icon color, size, and shadow of FontAwesome Icons
  14. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  15. Set Google Maps Container DIV width and height 100%
  16. Font-size issues comparing chrome and Firefox
  17. Google Drive CSS/JS Returns 404 Error
  18. Transparent rounded corners on Google Map
  19. Dynamic styleUrls in angular 2?
  20. Django Forms and Bootstrap – CSS classes and
  21. How do I extend a class/mixin which has dynamically formed selector
  22. Without media queries how to achieve 3 column desktop to 1 column mobile layout
  23. Reuse CSS animation in reversed direction (by resetting the state?)
  24. Make table cells square
  25. Setting different lengths for grid gaps in CSS Grid
  26. CSS class repetition to increase specificity
  27. Where do the lost pixels go in a percent CSS layout? [duplicate]
  28. select second child
  29. Bootstrap 4 – no column wrapping
  30. How to specify table’s height such that a vertical scroll bar appears?

Leave a Comment