我想更改“选择”元素的选定“选项”的颜色，但是当我使用“颜色”属性时，它适用于“选项”的整个列表，而不仅仅是选定的一个，而如果我使用“字体粗细”，它仅适用于选定的“选项”，而不适用于整个“选项”列表。那么，这是为什么呢？以及如何仅更改正在选择并出现在“选择”元素中的“选项”的颜色？
select option:checked {
color: red;
}
select {
font-weight: bold;
color: blue;
}<select>
<option>Something 1</option>
<option>Something 2</option>
<option>Something 3</option>
<option>Something 4</option>
<option>Something 5</option>
<option>Something 6</option>
<option>Something 7</option>
<option>Something 8</option>
<option>Something 9</option>
</select>如您所见，我尝试使用伪类“checked”，但这样做的目的是使选定的“选项”颜色不同，但仅在“选项”列表内，而不是出现在“选择”列表中时“ 元素。
“font-weight:bold”仅适用于选定的“选项”，但如您所见，“颜色”适用于整个列表。
您必须通过添加选项规则为每个选项指定颜色：
select option:checked {
color:red;
}
select {
font-weight:bold;
color:red;
}
option{
color:blue;
}
<select>
<option>Something 1</option>
<option>Something 2</option>
<option>Something 3</option>
<option>Something 4</option>
<option>Something 5</option>
<option>Something 6</option>
<option>Something 7</option>
<option>Something 8</option>
<option>Something 9</option>
</select>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句