Question

我无法为Chrome OS和Safari for Mac OSx上的已禁用选项更改颜色。在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>

Answer 2

Mac OS X上的WebKit浏览器目前不支持样式样式。您可以在这里找到更多的想法：纯CSS解决方案，在基于webkit的浏览器中设置特定选项样式？

来源：CSS: Dropdown option text color not working on Mac OS X

选项：禁用css样式不适用于Chrome和Safari for MAC

2 个答案: