How to change the style of a ‘s label?

by

On most browsers (tested on latest IE and FF), you can easily change the optgroup’s label with CSS only:

    select optgroup{
    background:#000;
    color:#fff;
    font-style:normal;
    font-weight:normal;
    }

Obviously, you can set any classname instead of the select html tag.

By the way, as other answers said, there are still few CSS options to use with select boxes and many webmasters override them using the method given by user949847. But this code above should be sufficient to match your needs.

More Related Contents:

  1. Line break (like ) using only css
  2. Styling autocomplete dropdowns in browsers
  3. Text in my heading should be top not bottom [closed]
  4. CSS indentation not working [closed]
  5. Cut Corners using CSS
  6. What to use in place of ::ng-deep
  7. CSS Grid Layout not working in IE11 even with prefixes
  8. How to center elements on the last row in CSS Grid?
  9. How to deal with page breaks when printing a large HTML table
  10. Is there an equivalent to background-size: cover and contain for image elements?
  11. Using margin:auto to vertically-align a div
  12. Position: absolute and parent height?
  13. Pure CSS multi-level drop-down menu
  14. Responsive CSS Trapezoid Shape
  15. How can I set the max-width of a table cell using percentages?
  16. make div’s height expand with its content
  17. CSS Background Opacity [duplicate]
  18. Flex items not respecting margins and box-sizing: border-box
  19. Why is text wrapping around a floating element instead of going belows like another div?
  20. Why cannot change checkbox color whatever I do? [duplicate]
  21. Align the form to the center in Bootstrap 4 [duplicate]
  22. CSS for changing color of last word in h1
  23. Fit website background image to screen size
  24. CSS box shadow around a custom shape?
  25. floating elements are outside of containing blocks?
  26. canvas default size
  27. How to have two items on opposite sides on the same line
  28. Paragraph of text in circle using CSS [duplicate]
  29. body { overflow-x: hidden; } breaks position: sticky
  30. Bootstrap 3 grid, does it *really* matter how many columns are in a row?

Leave a Comment