是否有一个CSS选择器来匹配select标签的选项值？ [英] Is there a css selector to match a option value of the select tag?

问题描述

例如：

 < select> 
< option value = one> 1< / option> 
< option value = two> 2< / option> 
< option value = three> 3< / option> 
< / select> 
  

我想选择value = 1的选项，但必须使用value属性选择。 / p>

我尝试了以下几种变化：

  option [value = one] {
} 
 
 select [value = one] {
} 
 
 select option [value =一个] {
} 
  

解决方案

  option [value = two] {background-color：yellow;}  

 < select>< option value = one> 1< / option>< option value = two> 2< / option>< option value = three> 3< / option>< / select>  

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.

I've tried a few variations as the ones below:

option[value="one"]{
}

select[value="one"]{
}

select option[value="one"]{
}

解决方案

option[value=two] { 
    background-color: yellow;
}

<select>
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>

这篇关于是否有一个CSS选择器来匹配select标签的选项值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！