ios下表单disabled样式重置

在做最近的一个活动项目时,需要用到表单的disabled状态,但是在IOS下那颜色不是一般的浅,就跟没有一样,一开始通过如下样式重置:

input:disabled, input[disabled]{ 
  color: #8d9399; 
}

发现在IOS下根本不起作用,后来网上搜索了解到,ipad/iphone改变的其实是颜色或背景的透明度,将其复写即可,完整重置代码如下:

input:disabled, input[disabled]{ 
  color: #8d9399; 
  -webkit-text-fill-color:#8d9399; 
  -webkit-opacity:1; 
  opacity: 1; 
}

参考文章http://www.tuicool.com/articles/U3EbErM

原文地址:https://www.cnblogs.com/xwwin/p/7126229.html