最近在做項目的時候發(fā)現(xiàn)次舌，將input或textarea設(shè)置為disabled后，在iphone手機(jī)上樣式將被覆寫。解決方案就是：
input:disabled, textarea:diabled {
-webkit-text-fill-color: #000;
-webkit-opacity: 1;
color: #000;
}
以上樣式將覆蓋其系統(tǒng)默認(rèn)設(shè)置的值长酗，能夠?qū)崿F(xiàn)android和ios的兼容性铜涉。
其中,-webkit-text-fill-color是用來做填充色使用的智玻，如果有設(shè)置這個值，則color屬性將不生效芙代。
這個屬性也經(jīng)常用于制作鏤空字體等特效吊奢。
如:
<div class="demo">
hello
</div>
.demo {
width: 100px;
height: 100px;
font-size: 40px;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px #000; /* 外面描線的樣式 */
}
最終效果如下：
效果圖.png
