HTML Select DropDown list with multiple colours

colors, html, html-select

Solution

here is what you want Styling Dropdown Lists

    <style type="text/css">
    option.red {background-color: #cc0000; font-weight: bold; font-size: 12px;}
    option.pink {background-color: #ffcccc;}
    </style>

    <select name=colors>
    <option class="red" value= "../getting_started/">Getting Started </option>
    <option class="pink" value= "../getting_started/html_intro1.htm">- Intro to HTML
     </option>
    </select>

Problem

Is it possible to have different colours for different items in the dropdown list? For example: Option 1 = green Option 2 = blue etc

Original source