option color: white; background-color: blue; : option « Form « HTML / CSS






  1. HTML / CSS
  2. Form
  3. option

option color: white; background-color: blue;

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
select { 
 font-size: 0.9em;
}
option {
 color: white; 
 background-color: blue;
}
option.even {
 color: blue;
 background-color: red;
}
</style>
</head>

<body>
  <select name="Topping_ID" size="6" multiple>
   <option value="1">Pepperoni</option>
   <option value="2" class="even">Sausage</option>
   <option value="3">Green Peppers</option>
   <option value="4" class="even">Pineapple</option>
   <option value="5">Chicken</option>
   <option value="6" class="even">Ham</option>
   <option value="7">Olives</option>
   <option value="8" class="even">Onions</option>
   <option value="9">Red Peppers</option>
  </select>
</body>
</html>








Related examples in the same category

1.'option' creates a list item in a 'select' element
2.Option groups
3.The option element
4.Creating groups of options with a disabled option