ios下表单disabled样式重置

Posted 2020-09-27 ！win ！

在做最近的一个活动项目时，需要用到表单的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