即使使用-webkit外觀：無按鈕高度也不會改變

Question

在大約3至4小時的獨立搜索後，實際需要幫助。我正在建立一個網站，它必須改變一個按鈕的高度，以便iphone/ipad用戶獲得正確的風格。搜索之後，人們似乎將我指向-webkit的外觀值，並試圖用絕對沒有運氣的方式來暗示它們。我有一個codepen（https://codepen.io/osa10928/pen/awrmRG），這也是一個問題，所以你們可以看看這些代碼，並嘗試解決那裏的問題，並希望我可以將yall的實踐帶入我的其他項目（我不能隨意分享我的其他項目項目代碼）

看着codepen你會看到按鈕＃開始按鈕和＃嚴格按鈕不會改變iPhone上的高度（或者我假設沒有人檢查過的iPad）。我已經嘗試了幾個方面，比如在按鈕標籤上包含-webkit-apperance：none，在CSS中的個人ID上。我已包括：

input[type=submit], input[type=reset], input[type=button]{ 
    -webkit-appearance:none; 
} 

都無濟於事。請問，有人能告訴我-webkit-appearance：none或者其他能讓我改變iPhone用戶按鈕高度的東西嗎？

更新將按鈕轉換爲div並重新設置爲按鈕一直是最佳選擇。如果任何人確實有工作，我很樂意聽到它。謝謝大家！

Answer 1

你可以使用填充頂部和底部代替高度