是否有 css 选择器来匹配 select 标签的选项值?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/31619048/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-30 11:22:48 来源:igfitidea点击:
Is there a css selector to match a option value of the select tag?
提问by indubitablee
For example:
例如:
<select>
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>
I want to select the option where value = one, but I must select using the value attribute.
我想选择 value = 1 的选项,但我必须使用 value 属性进行选择。
I've tried a few variations as the ones below:
我尝试了一些变体,如下所示:
option[value="one"]{
}
select[value="one"]{
}
select option[value="one"]{
}
回答by indubitablee
option[value=two] {
background-color: yellow;
}
<select>
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>