html - Chrome 18 无法在禁用的多选框中查看选定的文本

Question

我有 Chrome 浏览器版本 18。以下选择框已禁用，并且框中的选定值不可见。

代码

<select multiple="multiple" name="opDays" id="opDays" style="height: 120px; width:120px;" disabled="disabled">

                        <option value="1">Sunday</option>

                        <option value="2">Monday</option>

                        <option value="3">Tuesday</option>

                        <option value="4">Wednesday</option>

                        <option value="5">Thursday</option>

                        <option value="6">Friday</option>

                        <option value="7">Saturday</option>

                    </select>

有什么解决办法吗？

Answer 1

从图片中的颜色来看，除了内联样式之外，您还有其他样式。您应该尝试检查 select 元素并检查应用的样式。

更新代码：http: //jsfiddle.net/shVeq/6/

尝试像这样设置选择器的样式option[selected]：

option[selected] { color: #fff;} ​