天天看點

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