css - 在禁用的选定元素上更改 CSS

Question

我有一个表单，其代码类似于:

<form class="eng-select" action="action.php" method="POST">
    <select name="position">
        <option value="disabled" disabled selected>Engineer</option>
        <option value="entry-1">John Doe</option>
        <option value="entry-2">David Smith</option>
        <option value="entry-3">Michael Silk</option>
    </select>
</form>

这会产生这样的下拉列表:

但是我想更改禁用的选定条目的 css 颜色(用户在加载页面时看到的内容 - 上图)。这可能吗？如果可能，正确的 CSS 调用应该是什么？

我在这里查看了 IE 的类似帖子，其中提到:

select option [disabled] { background-color: blue; }

但这对我不起作用(我使用的是 Google Chrome)。

澄清一下 - 我想在用户点击并打开下拉框之前更改 CSS。

Answer 1

你的CSS必须是

select option[disabled] { background-color: blue; }

option 后没有空格。它应该以这种方式工作得更好。

带空格的，它适用于选项的后代。