Это должно работать в большинстве браузеров:
<html>
<head>
<style type="text/css">
option.red {background-color:red}
option.blue {background-color:blue}
option.white {background-color:white}
</style>
</head>
<select>
<option value="item 1" class="red">Item 1</option>
<option value="item 2" class="blue">Item 2</option>
<option value="item 3" class="white">Item 3</option>
</select>
</html>
Это доказывает, что отдельные элементы могут быть окрашены по-разному, но я не уверен насчет изменения события OnFocus.