移動端兼容之蘋果

每日一坑之20180914：

<input type="button" value="test" class="disabled" disabled>

input 設置  disabled 屬性 之後，在ios手機上發現按鈕顏色變淺。是因爲設置了disabled屬性之後，按鈕的透明度發生了變化。

解決方法如下

/* 第一種 */
.disabled {        
   -webkit-opacity:1;
   opacity: 1;
}

/* 第二種 */
input[disabled],input:disabled{
    background: #999999;
    -webkit-opacity:1;
    opacity: 1;
}
/* IE6 Using Javascript to add CSS class "disabled"*/
* html input.disabled{
    background: #999999;
    -webkit-opacity:1;
    opacity: 1;
}