0

我正在尝试将数据与 CSS 演示文稿分开以获取下拉列表。我发现困难的一件事是突出显示预先填充了当前选择的用户的选择下拉列表。我可以根据需要设置下拉选项的文本颜色样式，但无法更改静态选择框的文本（至少在 Firefox 中）

http://jsfiddle.net/tchalvakspam/YmmvU/

是一个 jsfiddle 显示我的意思。

我想做的是：

更改下拉菜单的颜色，当它们开始时选择了“”（空字符串默认选项）以外的选项值。使它们变红以突出显示

纯css可以做到这一点，还是我被迫使用js？

4

1 回答 1

0

你的代码

#smart-search-form option[selected=selected]{
    color: #ff0000 !important;
}

不起作用，因为当您选择一个选项时，您更改了它的 property selected，而不是它的 attribute selected。所以选择器[selected=selected]只匹配默认选项。

看来您需要类似的东西option:selected，但那不存在。

（请参阅通过 CSS 设置选定选项？）

于 2012-08-28T21:38:18.333 回答