css - 使用属性 'option' 更改 'disabled' 颜色

Question

我想更改 <option> 的字体颜色具有 disabled 属性.

我试过这个

option:disabled { color: red }

和这个

option[disabled] { color: red }

两者都有效，但当您单击选择字段时，颜色只会变红。默认情况下它是黑色的。我怎样才能改变它？

这是一个例子: http://jsfiddle.net/y0g0stbb/

Answer 1

它不能同时被选中和禁用。

option:disabled {
  color: red;
}

<select>
  <option selected>Choose something</option>
  <option disabled>1</option>
  <option>2</option>
  <option>3</option>
</select>

如果你想禁用选择，而不是你需要将禁用的选项移动到选择标签

select:disabled {
  color: red;
}

<select disabled>
  <option selected>Choose something</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>