css - 在平板设备上设置禁用输入的样式

Question

我正在使用以下 CSS 代码设置禁用输入的样式。但是，它不适用于移动设备(chrome 和 firefox)。

选项:禁用{ 背景色:卡其色； 颜色:黑色; }

如您所见，以下代码片段适用于 PC，但不适用于移动设备。

option:disabled{
  background-color: khaki!important;
  color:black;
}

<select>
  <option selected disabled>1</option>
  <option disabled>2</option>
  <option>3</option>
  <option>4</option>
</select>

Answer 1

option[disabled="disabled"]{
  background: red;
}

<select>
  <option>1</option>
  <option>2</option>
  <option disabled="disabled">3</option>
  <option>4</option>
</select>