使用 CSS 去掉 iPhone 網頁上按鈕的超大圓角預設樣式

使用 iPhone 上的瀏覽器去瀏覽網頁的時候，按鈕總是顯示超大圓角的樣式，顯得超級噁心，但是我們自己定義 border-radius 為 0 也無法去除這個圓角，經過搜尋發現這是 webikt 核心瀏覽器通過私人屬性 -webkit-appearance 對控制項設定了預設樣式。

我們只要對按鈕設定這個屬性，並設定為 ‘none’ 就可以取消瀏覽器對於控制項的預設樣式。

input {-webkit-appearance:none; /*去除input預設樣式*/}

另外這個屬性也有個神奇的地方，它可以用來調用顯示瀏覽器對各種控制項的預設樣式，總共有如下幾個效果（將一個 Span 標籤應用不同的 -webkit-appearance 效果）：