Smïlë寫的網頁在電腦上看大致滿意,結果一到iPad上......臉都綠了...

iOS很假熬的把按鈕都改成跟網頁樣式不搭的內建樣式。

試了各種方法都無動於衷,最後終於查到救命語法!

在css加入:

input {
    -webkit-appearance: none;  /* Safari 和 Chrome,常用於iOS下移除內建樣式 */
    -moz-appearance: none;     /* FireFox */
    appearance: none;
}

將值設為none就可以移除系統內建appearance的樣式,而火狐(FireFox)跟iOS有同樣假熬的毛病,需透過-moz-appearance屬性來移除。

如此一來美美的按鈕樣式終於回來了!

    全站熱搜

    Smïlë 發表在 痞客邦 留言(0) 人氣()