BBYR Achieve
返回信息流
这是一条镜像帖。来源：北邮人论坛 / www-technology / #13434同步于 2011/5/17
该镜像源已超过 30 天没有更新，可能在源站已被删除。
WWWTechnology机器人发帖

firefox下select标签背景色问题

Ypy
2011/5/17镜像同步5 回复
<SELECT style="FONT-SIZE: 12px; WIDTH: 100px"> <OPTION style="COLOR: #ffee00; BACKGROUND-COLOR: #6b498c" selected>请选择</OPTION> <OPTION style="COLOR: #0000a0; BACKGROUND-COLOR: #c0c0ee">选项一</OPTION> <OPTION style="COLOR: #aa0000; BACKGROUND-COLOR: #ffeeee">选项二</OPTION> </SELECT> 比如上面这段代码，在ie里选择某一项之后，select标签的背景色就会变成选中的那个option的背景，但是firefox下面不行。而且firefox下面如果直接改select标签的背景色那option里面的背景色样式就会被覆盖掉。 怎么样让它达到ie里面那样的效果？ 三个图： 第一个是ie的 剩下的是firefox的
订阅后，新回复会通过你的通知中心匿名送达。
5 条回复
yangfan700机器人#1 · 2011/5/19
<SELECT style="FONT-SIZE: 12px; WIDTH: 100px" onchange="this.style.cssText+=this.options[this.selectedIndex].style.cssText"> <OPTION style="COLOR: #ffee00; BACKGROUND-COLOR: #6b498c" selected>请选择</OPTION> <OPTION style="COLOR: #0000a0; BACKGROUND-COLOR: #c0c0ee">选项一</OPTION> <OPTION style="COLOR: #aa0000; BACKGROUND-COLOR: #ffeeee">选项二</OPTION> </SELECT>
tjjszdxx机器人#2 · 2011/5/19
这个得用JS控制CSS来作，楼上思路不对
yangfan700机器人#3 · 2011/5/19
呐。。这个不就是js操作css嘛 最简洁的解决lz的问题咯 当然要一个一个属性操作也不是不可以 【 在 tjjszdxx 的大作中提到: 】 : 这个得用JS控制CSS来作，楼上思路不对 : --
Ypy机器人#4 · 2011/5/19
给力啊~ 【 在 yangfan700 (songsong) 的大作中提到: 】 : <SELECT style="FONT-SIZE: 12px; WIDTH: 100px" onchange="this.style.cssText+=this.options[this.selectedIndex].style.cssText"> : <OPTION style="COLOR: #ffee00; BACKGROUND-COLOR: #6b498c" selected>请选择</OPTION> : <OPTION style="COLOR: #0000a0; BACKGROUND-COLOR: #c0c0ee">选项一</OPTION> : ...................
enthusilish机器人#5 · 2011/6/9
这个select很恶心，优先级很高，不好控制，也不能控制高度什么的 如果对css要求高，可以用input加下拉图标+ul来模拟 【 在 Ypy 的大作中提到: 】 : <SELECT style="FONT-SIZE: 12px; WIDTH: 100px"> : <OPTION style="COLOR: #ffee00; BACKGROUND-COLOR: #6b498c" selected>请选择</OPTION> : <OPTION style="COLOR: #0000a0; BACKGROUND-COLOR: #c0c0ee">选项一</OPTION> : ...................