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

posted @ 2017-07-06 14:36  !win !  阅读(443)  评论(0编辑  收藏  举报