Question

谷歌浏览器对select的option里的style属性设置如何兼容

我在select的下拉菜单option用style设置了背景颜色，在IE等浏览器选择某个下拉菜单后可以正常显示，但是谷歌浏览器却对这个option的style没有反应。求告诉帮忙解答。

附代码：
'<select id="EventColor" style="width:123px;height:20px;border:1;" tabindex="3" onkeydown="EventColoronkeydown()">' +
'<option value="#FFFFFF" style="background-color:#FFFFFF" selected="selected"></option>' +
'<option value="#F5DEB3" style="background-color:#F5DEB3"></option>' +
'<option value="#FFFF00" style="background-color:#FFFF00"></option>' +
'<option value="#FF9900" style="background-color:#FF9900"></option>' +
'<option value="#FF0000" style="background-color:#FF0000"></option>' +
'<option value="#CC0099" style="background-color:#CC0099"></option>' +
'<option value="#660099" style="background-color:#660099"></option>' +
'<option value="#809FFE" style="background-color:#809FFE"></option>' +
'<option value="#0033CC" style="background-color:#0033CC"></option>' +
'</select>'

Answer 1

浏览器兼容问题。
基本上浏览器兼容问题主要是JavaScript和CSS问题。

而在这两个裏面，JavaScript尤其严重。一个不小心，直接导致该功能块无法在其他浏览器上运行，CSS次之，写不好能使你的浏览器布局大乱~

其实解决浏览器兼容问题一直是很多做Web开发同学的头疼问题~~

基本上想兼容所有的浏览器不是不可能，但工程量要太大~~（开发的时候，能使你的Web支援当前主流的浏览器就可以，我开发的很多系统都是保证在IE7、8、火狐、Safari下正常就行，IE6基本不管~）

向完美支持就要写各浏览器版本对应的CSS及JavaScript。

在Web加载时自动判断浏览器类别及版本自动加载CSS及Javascript。

至於如何判断浏览器版本，网上很多代码，你参考就行，我再次不罗嗦。只是给你提供解决方法

另：css及Javascript写的时候，最好模块化，JavaScript最好使用Jquery，支援多种浏览器，而且能避免你写太多的Javascript代码~~