css - 选项 :disabled css style does not works on Chrome and Safari for MAC

Question

我无法在 MAC OSx 的 Chrome 和 Safari 上更改禁用选项的颜色。在 Firefox 上，此代码有效。我如何跨浏览器覆盖样式？

option:disabled {
  color: #a69474;
}

<select>
  <option value="volvo">Volvo</option>
  <option disabled value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Answer 1

它在 chrome 中运行良好

option:disabled {
        color: #a69474;
    }

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option disabled value="audi">Audi</option>
</select>