2011-03-27 43 views
175

我使用CSS來設置我的網站上的輸入按鈕,但在iOS設備上,樣式被Mac的默認按鈕取代。有沒有一種方法來設置iOS的按鈕樣式,或者可以創建一個像提交按鈕那樣的超鏈接?爲iPad和iPhone設計輸入按鈕

回答

448

你可能會尋找

-webkit-appearance: none; 
+10

+1,很好的發現,我之前沒有遇到過這個選項:) – 2011-03-27 22:29:29

+0

按鈕壓抑/::主動式樣還是有區別的吧?它會忽略你的風格並使用半透明的灰色疊加層? – 2011-09-07 16:40:07

+6

如果您使用的是SCSS,請使用'@include experimental(appearance,none);' – 2012-04-17 08:27:19

7

我最近遇到這個問題來到了自己。

<!--Instead of using input--> 
<input type="submit"/> 
<!--Use button--> 
<button type="submit"> 
<!--You can then attach your custom CSS to the button--> 

希望有所幫助。

+3

這仍然不允許我改變按鈕的高度。有趣的是,只要我給按鈕一個自定義寬度,自定義高度也被考慮在內。 – flu 2012-09-13 08:49:38

4

請添加此CSS代碼

input { 
-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none; 
} 
0

-webkit-外觀:無;

注意:使用引導來設置按鈕的樣式。它通常用於響應。