He conseguido cambiar el color de fondo con el siguiente código:
Código HTML:
<html>
<head>
<script type="text/javascript">
function cambia_color(selBackground)
{
var bgc = selBackground;
var bgcVal = bgc.options.item(bgc.selectedIndex).value;
bgc.style.backgroundColor = bgcVal;
}
</script>
</head>
<body>
<form method="post">
<div id="capa_select_color">
<select style="width:75px" name="selBackground" onchange="cambia_color(this)">
<option value="#F00" style="background-color:#F00"> </option>
<option value="#0F0" style="background-color:#0F0"> </option>
<option value="#00F" style="background-color:#00F"> </option>
</select>
</div>
</form>
</body>
</html>
¿Hay alguna manera para que al pasar por encima de los <option> del select se mantenga el color de fondo? (en firefox se pone azul)