Style for select option : select : Form Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » Form Style » select »

Style for select option


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

.even {
  background-color: red;
  color: blue;
}
  </style>
</head>

<body>
<form action="" method="post" name="myform">
  <table>
  <tr>
    <td>Toppings</td>
    <td><select name="Topping_ID" size="6" multiple>
      <option value="1">Option 1</option>
      <option value="2" class="even">Option 2</option>
      <option value="3">Option 3</option>
      <option value="4" class="even">Option 4</option>
      <option value="5">Option </option>
      <option value="6" class="even">Option 5</option>
      <option value="7">Olives</option>
      <option value="8" class="even">Option 6</option>
      <option value="9">Option 9</option>
  </select></td>
  </tr>
</table>
</form>

</body>
</html>