是否有 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?

cssselector

提问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>