如何使用禁用下拉列表的css来增加字体的对比度

Question

如何使用带有禁用下拉列表的css增加字体对比度？

Answer 1

select:disabled {
  color:#fff;
  background:#000;
}

在Chrome，Firefox和Edge中为我设置禁用状态的颜色和背景。

演示：http://codepen.io/Grilly86/pen/LWzExe

您是否在其他浏览器中看到问题？

编辑：对于Safari（Mac和iOS），您可能还需要设置-webkit-text-fill-color。