How can I set the background color of in a element?

by 
select.list1 option.option2
{
    background-color: #007700;
}
<select class="list1">
  <option value="1">Option 1</option>
  <option value="2" class="option2">Option 2</option>
</select>

More Related Contents:

  1. Why does HTML think “chucknorris” is a color?
  2. Change select box option background color
  3. Is it possible to have two background colors for a single html element? [duplicate]
  4. CSS ”background-color” attribute not working on checkbox inside
  5. Color of stacked semi-transparent boxes depends on order?
  6. problem with and :after with CSS in WebKit
  7. How to make an element’s background-color a little darker using CSS
  8. Options with display:none not hidden in IE
  9. How to indent multiple levels of select optgroup with CSS?
  10. HTML Multiselect Limit
  11. How to change font-family of drop down’s list item?
  12. How to change the text color of first select option
  13. Multiple select in Safari iOS 7
  14. Are there any style options for the HTML5 Date picker?
  15. Is it possible to update non-JSF components (plain HTML) with JSF ajax?
  16. Unskewing the ends of an assortment multiple skewed images
  17. How to align two elements on the same line without changing HTML
  18. Scroll to a specific Element Using html
  19. Remove border from buttons
  20. Google bot crawling on AngularJS site with HTML5 Mode routes
  21. How can I show dots (“…”) in a span with hidden overflow?
  22. How to horizontal & vertical center a div [duplicate]
  23. CSS Text underlining too long when letter-spacing is applied?
  24. Position fixed doesn’t work when using -webkit-transform
  25. How to auto-resize an image while maintaining aspect ratio
  26. css – inline elements ignoring line-height
  27. Apply Border-Radius To Scrollbars with CSS
  28. Export stored procedure result set to Excel in SSMS
  29. Share style across web components “of the same type”
  30. Photoshop Mock Up Font isn’t same as in HTML

Leave a Comment