style in a drop down list

liunx · Jan 10, 2008

Hi!! 
 
I would like to put colour in some of the options of my drop down list, my code is the following (but it doesn' work): 
 
<select> 
<option value="one" style="color:yellow;background-color:blue">1</option> 
<option value="two">2</option> 
<option value="three">3</option> 
<option value="four">4</option> 
</select> 
 
What do I have wrong? What can I do to add the colour to the option? 
 
Thanks for you help.EDIT: Well obviously you can.Works fine in IE6 
 
<select> 
<option value="one" style="color:yellow;background-color:blue">1</option> 
<option value="two" style="color:blue;background-color:yellow">2</option> 
<option value="three" style="color:yellow;background-color:blue">3</option> 
<option value="four" style="color:blue;background-color:yellow">4</option> 
</select> 
 
The focus is over the first one so it goes navy anyway.It doesn't work for opera, mozilla or konkeror. 
 
Any idea how can I do it for this browsers??

Thanks for your help.This works for me in Firefox (0.8) 
 
<!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>Untitled</title> 
<style type="text/css"> 
/*<![CDATA[*/ 
 
/*]]>*/ 
</style> 
</head> 
<body> 
<div><select> 
<option value="one">1</option> 
<option value="two">2</option> 
<option value="three">3</option> 
<option value="four">4</option> 
</select></div> 
</body> 
</html>But... this only works for the entire list and not for only some of the options, right? 
 
I was trying to make it work for only some of the options, I know that the code is rigth but the problem is in the browser. 
 
Is there any way I can make it work for different browsers??Could you style the select tag for all browsers, then use inline styles for your options so the browsers that can handle it can have diff colors?mmmm.... that could work!!!

I will try that way. 
 
Thanks for helping!!np

style in a drop down list

liunx

Guest