如何改变options的颜色

Question

如果是不可用的话就用加上 disabled
不是的话就用CSS设定

Answer 1

这样的?
------------------------------------------
<select size="1" name="D1">
<option style="color:gray">选项1</option>
<option style="color:red">选项2</option>
<option style="color:blue">选项3</option>
<option style="color:pink">选项4</option>
</select>还是禁用?
<select size="1" name="D1" disabled>
<option style="color:gray">选项1</option>
<option style="color:red">选项2</option>
<option style="color:blue">选项3</option>
<option style="color:pink">选项4</option>
</select>

Answer 2

<style>
optgroup { background-color:gray; }
</style>
<select size="1" name="D1">
<optgroup label="不能选"></optgroup>
<option style="background-color:yellow">选项1</option>
<option style="color:red">选项2</option>
<option style="color:blue">选项3</option>
<option style="color:pink">选项4</option>
</select>

Answer 3

不行，javascript里报找不到成员

Answer 4

我要用javascript将已选中的几个option的背景色改为灰色，在javascript中option没有style属性

Answer 5

<SCRIPT LANGUAGE="JavaScript">
<!--
function setColor(obj,bgcolor,fontcolor)
{
bgcolor = ( bgcolor ) ? bgcolor : "#cccccc";
fontcolor = ( fontcolor ) ? fontcolor : "#000000";
for( i=0;i<obj.length;i++ )
{
obj.options[i].style.background = "";
obj.options[i].style.color = "";
}
obj.options[obj.selectedIndex].style.background=bgcolor;
obj.options[obj.selectedIndex].style.color=fontcolor;
}
//13801192825
//-->
</SCRIPT>
<select size="1" name="D1" onclick='setColor(this,"#bbbbbb","#000000")'>
<option >选项1</option>
<option >选项2</option>
<option >选项3</option>
<option >选项4</option>
</select>

Answer 6

你的select是单选的还是多选的?

Answer 7

<select multiple size='10' name="D2">
<option style='background-color:"#bbbbbb"'>选项1</option>
<option style='background-color:""'>选项2</option>
<option style='background-color:"#bbbbbb"'>选项3</option>
<option style='background-color:"#bbbbbb"'>选项4</option>
<option style='background-color:""'>选项5</option>
<option style='background-color:"#bbbbbb"'>选项6</option></select>