SELECT选择HTML元素的CSS选择器，没有选中任何东西

我知道我使用了这个词选择了很多...抱歉。SELECT选择HTML元素的CSS选择器，没有选中任何东西

无论如何，我正在寻找一个CSS选择器，我可以使用它来标识页面上的HTML选择元素，但尚未做出选择，以便我可以突出显示它们以便用户知道那些元素仍然需要完成。我有一个空的选项作为选择的第一个元素，所以如果这有帮助...请使用它。

我愚蠢的尝试迄今：选择：空选择[的selectedIndex =“0”]

<select> 
    <option value="" /> 
    <option value="real selection" /> 
<select>

所以基本上，我想找到的所有地方的选项还没有被选中的选择中，选择的值是0，或者选择的索引是0.（这些在我的场景中是相同的）。通过这种方式，我可以在屏幕上突出显示那些让用户知道的信息，“嘿，您还有更多工作要做。”

供参考：Psuedo和CSS3选择器也适用于这种情况。

来源

2013-07-11 uk.wildcat

这是不可能的CSS 3

当选择器4级支持（假设该位不会改变），你可以determine the subject of the selector比在选择最后一个项目的其它和：

select { 
    /* Default. Put non-selected styles here */ 
} 

!select > option + option:checked { 
    /* An option following another option (so not the first option) is selected */ 
}

如果您有optgroup元素需要处理，则需要使选择器更加复杂。

来源

2013-07-11 15:34:56 Quentin

从最新的草案中排除了使用CSS的'！'如果*那*不改变，那么这可能不再是一个选项。 – BoltClock

SELECT选择HTML元素的CSS选择器，没有选中任何东西

回答

相关问题