css去掉iPhone iPad預設按鈕樣式

最近用html5

寫了個手機站，在測試的時候發現在蘋果手機上的乙個問題。所有的按鈕都被了蘋果自帶的樣式給替換了。效果如下：

但是正確的應該是醬紫滴！~

只要在樣式裡面加一句去掉css

去掉iphone、ipad的預設按鈕樣式就可以了！~

input[type="button"], input[type="submit"], input[type="reset"]

如果還有圓角的問題，

.button 

1、去除chrome等瀏覽器文字框預設發光邊框

input:focus, textarea:focus

去掉高光樣式：

input:focus

當然這樣以來，當文字框載入焦點時，所有瀏覽器下的文字框的邊框都不會有顏色上及樣式上的變化了，但我們可以重新根據自己的需要設定一下，如：

input:focus,textarea:focus

這樣的話，當文字框載入焦點時，邊框顏色就會變為橙色，給使用者乙個反饋。

2、去除ie10+瀏覽器文字框後面的小叉叉

只需下面一句就ok了

input::-ms-clear

3、禁止多行文字框textarea拖拽

這樣按下面新增屬性多行文字框就不能拖拽放大縮小了：

textarea

none 預設值

both 允許水平方向及垂直方向縮放

horizontal 只允許水平方向縮放

vertical 只允許垂直方向縮放

css去掉iPhone iPad預設按鈕樣式

最近用html5 寫了個手機站，在測試的時候發現在蘋果手機上的乙個問題。所有的按鈕都被了蘋果自帶的樣式給替換了。效果如下 但是正確的應該是醬紫滴！只要在樣式裡面加一句去掉css 去掉iphone ipad的預設按鈕樣式就可以了！input type button input type submit ...

css去掉iPhone iPad預設按鈕樣式

但是正確的應該是醬紫滴！只要在樣式裡面加一句去掉css去掉iphone ipad的預設按鈕樣式就可以了！input type button input type submit input type reset textarea 如果還有圓角的問題，button 我們在寫表單的時候會發現一些瀏覽器對表...

css去掉iPhone iPad預設按鈕樣式

只要在樣式裡面加一句去掉css去掉iphone ipad的預設按鈕樣式就可以了！input type button input type submit input type reset 我們在寫表單的時候會發現一些瀏覽器對表單賦予了預設的樣式，如在chorme瀏覽器下，文字框及下拉選擇框當載入焦點時...