Css 在平板电脑设备上设置禁用输入的样式

我正在使用下面的css代码设置禁用输入的样式。但是，它在移动设备上不起作用（chrome和firefox）

选项：已禁用{
背景颜色：卡其色；
颜色：黑色；
}

正如您所看到的，下面的代码片段可以在PC上使用，但不能在移动设备上使用

选项：已禁用{
背景色：卡其色！重要；
颜色：黑色；
}

1.
2.
3.
4.

选项[disabled=“disabled”]{
背景：红色；
}

1.
2.
3.
4.

选项[disabled=“disabled”]{
背景：红色；
}

1.
2.
3.
4.

您是否尝试过使用外观规则重置本机样式？在移动设备上经常是这样

选择{
-moz外观：无；
-webkit外观：无；
}

您是否尝试过使用外观规则重置本机样式？在移动设备上经常是这样

选择{
-moz外观：无；
-webkit外观：无；
}

optgroup.disabled{
背景：红色；
颜色：#fff；
}

1.
2.
4.

optgroup.disabled{
背景：红色；
颜色：#fff；
}

1.
2.
4.

问题出在移动设备上。问题出在移动设备上。是的，还是一样。我的意思是写

select

，而不是

选项

（代码更新）。你也试过了吗？好的。您能否更具体地说明哪些移动/平板电脑设备以及您遇到问题的浏览器版本？是的，还是一样。我的意思是编写

选择
，而不是
选项
（代码更新）。你也试过了吗？好的。您能否更具体地说明哪些移动/平板电脑设备以及您遇到问题的浏览器版本？