IOS Input Disabled默認(rèn)樣式問題

最近在做項(xiàng)目的時(shí)候發(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是用來(lái)做填充色使用的，如果有設(shè)置這個(gè)值，則color屬性將不生效。

這個(gè)屬性也經(jīng)常用于制作鏤空字體等特效。

如:

hello.demo{width:100px;? height:100px;? font-size:40px;? -webkit-text-fill-color: transparent;? -webkit-text-stroke:1px #000;/* 外面描線的樣式 */}