Question

我在JSP页面中有一个多选框，它有一些选项并被禁用。

<select id="mySelectBox" multiple disabled>
    <option value="first" selected>First</option>
    <option value="second">Second</option>
    <option value="third">Third</option>
    <option value="fourth" selected>Fourth</option>
</select>

我选择了第一个和第四个选项，但它们未在IE中突出显示。当我使用Firefox时，它们会正确突出显示。

是否有任何解决方案或解决方法？

编辑：我的DOCTYPE是<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 但即便如此，我也没有看到任何差异。

Answer 1

我希望我清楚地明白你想做什么，但我可以建议用小jquery来做？

<script type="text/javascript"> 
   $(document).ready(function() {
         $("#mySelectBox option:selected").css('background','black');
   });
</script>

Answer 2

有趣的是，this CSS解决方法似乎解决了我的问题!!

select[disabled="disabled"][multiple="multiple"]{
    background-color:#D4D0C8;
} 
select[disabled="disabled"][multiple="multiple"] option[selected="selected"]{
    background-color:navy;
}

有趣的是因为早些时候我使用了同样的效果。也许我错过了一些东西。

为什么IE（IE8，特别是）没有在禁用的多选框中突出显示所选选项？

2 个答案: