CSS更改似乎不在iPhone瀏覽器中顯示（移動Webkit/Safari）

我剛剛嘗試使提交按鈕在css文件中更大，並且也內聯提交按鈕本身，並且不顯示。

如果我使用Ripple的擴展程序，它會顯示在那裏（但Ripple並沒有iPhone表單元素的確切外觀）。

我想知道這是否是一個已知的問題 - 即使瀏覽器從提交按鈕等中刪除樣式或如果它是我做錯了什麼。

這行很簡單：除非你指定「：0邊界」

<input type="submit" value="Submit" class="submit" style="text-align: center; width:30%; height:50px; "/>

我有文本對齊沒有在iPhone的Safari按鈕正常工作類似的問題輸入按鈕。文本不居中，因爲圓角按鈕不夠寬。但是，Android WebKit會正確顯示按鈕。關於按鈕大小，我設置了一個'width：1.5em'並增加了字體大小。 – ge0rg

高度規則並不適用於該按鈕。但是，您將失去按鈕的默認樣式，但您可以使用自己的CSS獲取樣式。

不知道你是否試圖讓提交按鈕居中 - 但如果你是這樣，你應該將按鈕設置爲「display：block」，然後添加「margin：0 auto」。文本對齊規則不是必需的。

2011-11-29 15:15:28

謝謝，我會看看這個。 – martincarlin87

這應該對你有幫助

-webkit-appearance：none;

把它添加到你的造型

2014-05-27 18:21:12

回答