web-dev-qa-db-ja.com

selectタグのオプション値と一致するcssセレクターはありますか?

例えば:

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

Value = 1のオプションを選択したいのですが、value属性を使用して選択する必要があります。

以下のようなバリエーションをいくつか試しました。

option[value="one"]{
}

select[value="one"]{
}

select option[value="one"]{
}
12
user1214678
option[value=two] { 
    background-color: yellow;
}
<select>
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>
14
indubitablee