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

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>

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. problem with and :after with CSS in WebKit
  6. How to make an element’s background-color a little darker using CSS
  7. Color of stacked semi-transparent boxes depends on order?
  8. Options with display:none not hidden in IE
  9. How to change the text color of first select option
  10. HTML Multiselect Limit
  11. What are valid values for the id attribute in HTML?
  12. Make a div fill the height of the remaining screen space
  13. Does UL have default margin or padding [duplicate]
  14. How can I reorder my divs using only CSS?
  15. Are iframes considered ‘bad practice’? [closed]
  16. How to avoid joining all text from Nodes when scraping
  17. Implement an input with a mask
  18. HTML5 Audio stop function
  19. When is localStorage cleared?
  20. How to get the HTML source of a page from a HTML link in Android?
  21. Ellipsis for overflow text in dropdown boxes
  22. How can I limit the visible options in an HTML dropdown?
  23. Responsive CSS Trapezoid Shape
  24. Is it possible to use text-overflow:ellipsis on multiline text?
  25. avoid page break inside row of table
  26. Why is HTML5 input type datetime removed from browsers already supporting it?
  27. make an html svg object also a clickable link
  28. ‘position: sticky’ not working when ‘height’ is defined
  29. Scroll to a specific Element Using html
  30. Div 100% height works on Firefox but not in IE
  31. WCF service to accept a post encoded multipart/form-data
  32. HTML5 include file [duplicate]
  33. How to change color of disabled html controls in IE8 using css
  34. CSS Transition – eases in but doesn’t ease out?
  35. How to convert to px?
  36. HTML5 Video / End of a Video Poster
  37. How to auto-resize an image while maintaining aspect ratio
  38. Position fixed doesn’t work when using -webkit-transform
  39. Set the select option as blank as default in HTML select element
  40. Bootstrap – 5 column layout
  41. What are the CSS properties that get elements out of the normal flow?
  42. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  43. How to add the text “ON” and “OFF” to toggle button
  44. How to move placeholder to top on focus AND while typing?
  45. Animated GIF in HTML5 canvas
  46. Why is box-sizing acting different on table vs div?
  47. Get index of selected option with jQuery
  48. Chrome, Safari ignoring max-width in table
  49. Textarea value not getting posted with form
  50. What is the purpose for HTML’s tbody?

Leave a Comment