.select{ width:450px; height:100px; border:1px solid #ccc; padding:5px;}
.lbkSle{background:url(/img/ddd.gif) no-repeat bottom right;}
<select name="slt1" id="slt1" size="5" class="select lbkSle"> </select> 我给这个列表框加了个背景图片,当用js往select里面追加option时,IE7浏览背景图片会被覆盖 而Firefox则不会被覆盖 ,而IE6则根本不显示请问,如何做到像Firefox那样的效果 ????
.lbkSle{background:url(/img/ddd.gif) no-repeat bottom right;}
<select name="slt1" id="slt1" size="5" class="select lbkSle"> </select> 我给这个列表框加了个背景图片,当用js往select里面追加option时,IE7浏览背景图片会被覆盖 而Firefox则不会被覆盖 ,而IE6则根本不显示请问,如何做到像Firefox那样的效果 ????
应属于 Bug 吧!L@_@K
var opt = new Option("测试项001", "1");
opt.style.backgroundColor = "transparent"; // 有背景图时无效!
sel.options.add(opt);
alert(opt.style.backgroundColor);