怎么改变select标签的option列表选项的颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么改变select标签的option列表选项的颜色相关的知识,希望对你有一定的参考价值。

<option></option>标签中包含的内容不支持css样式的
但可以通过让各选项都有不同的背景颜色来实现同样的效果
如:

<select>
<option style="background-color:#CCFFFF">◆ 人族</option>
<option style="background-color:#FFCCFF">◆ 神族</option>
<option style="background-color:#FFFFCC">◆ 兽族</option>
</select>
另外,团IDC网上有许多产品团购,便宜有口碑
参考技术A <option></option>标签中包含的内容不支持css样式的
但可以通过让各选项都有不同的背景颜色来实现同样的效果
如:

<select>
<option style="background-color:#CCFFFF">◆ 人族</option>
<option style="background-color:#FFCCFF">◆ 神族</option>
<option style="background-color:#FFFFCC">◆ 兽族</option>
</select>
另外,虚机团上产品团购,超级便宜
参考技术B 在编辑菜单里就可找到

用javascript从子窗口向父窗口的SELECT列表添加OPTION选项

如题!
二楼gucong朋友的答案的提示:Error:'options.length' 为空或不是对象

感谢 二楼gucong朋友的关心.

试过三种添加OPTION的方法都不行
后来改变了一下,子窗口不直接向父窗口添加,而是通过调用父窗口的方法来添加,结果问题就解决了
但是子窗口可以直接删除父窗口的OPTION选项,添加就不行,这点搞不明白.

子窗体中的代码:
var select = window.opener.document.getElementById("xxx");
select.options[select.options.length] = new Option( "abc", "2312" );

注意代码中的XXX应替换成父页面Select控件的ID;
参考技术A <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 为下拉菜单添加选项 </title>
</head>
<body id="test">
<script language="javascript">
var a = document.createElement("select");
for(i = 0; i < 10; i++)
var op = document.createElement("option");
op.innerHTML = "选项" + (i+1);
a.appendChild(op);

document.getElementById("test").appendChild(a);
</script>
</body>
</html>

作了添加OPTION选项的功能,你只要稍微改一下实现子窗口向父窗口

以上是关于怎么改变select标签的option列表选项的颜色的主要内容,如果未能解决你的问题,请参考以下文章

用javascript从子窗口向父窗口的SELECT列表添加OPTION选项

html select 改变选项字体颜色 <option value='' style="

手机网页开发 手机网页怎么改变下拉select option菜单默认效果

用JS怎么给select标签设置动态的默认值

js 怎么动态设置 option 的selected 选项

javascript获取select标签下的option的value求解?