页面代码里应用了input或textarea,需求使其不可点击,此时若使用disabled,会发现ios上的input/textarea颜色会变浅很多,而安卓上样式是正常的。解决办法,就是对处于disabled状态的input/textarea重新设置透明度。
input[disabled], input:disabled,
textarea[disabled], textarea:disabled {
-webkit-opacity: 1;
opacity: 1;
}
若担心兼容性不够,可以同时把文字颜色再设置上
input[disabled], input:disabled,
textarea[disabled], textarea:disabled {
color: #333 !important;//需要的颜色
-webkit-text-fill-color: #333;//需要的颜色
-webkit-opacity: 1;
opacity: 1;
}