无法在html select中禁用样式选项

问题描述 投票:1回答:1

尽管跟随example from w3schools.com,但我无法设置禁用选项的样式:

<select id="state-handle">
  <option value="" selected="true" disabled>State of residence</option>
  <option value="usa">USA</option>
</select>

option {
  color: blue;
}

option:disabled {
  color: red;
}

JSFiddle

任何地方都没有红色:

enter image description here

我做错了什么?我做的和他们做的一样。

编辑:我的配置是Windows 10 / Google Chrome(在我的计算机上使用Firefox时,结果相同)

html css
1个回答
0
投票

您的样式有效,但是您可以从禁用的选项中删除selected="true"以进行查看。

© www.soinside.com 2019 - 2024. All rights reserved.