如何更改*只是*在iOS上的HTML按鈕的填充

Question

我有一個按鈕的HTML頁面，我想擺脫它的填充。明顯的

padding: 0px !important; 

沒有工作。寫作

-webkit-appearance: none; 
padding: 0px; 

沒有，但它擺脫了所有其他iOS類似的格式。

一切工作正常在桌面上。這發生在iOS上。我還沒有測試Android。

有什麼方法可以改變只填充沒有其他的一切嗎？有什麼方法可以保存樣式的副本，以便我可以恢復它？我很高興與基於JavaScript的解決方案（包括D3，對於任何差異，使）。

Answer 1

我目前的解決方案（這我不開心）大約是下面的JavaScript/D3：

button.style('padding','0px'); 
if (button.style('padding-left')!='0px') { 
    button.style('-webkit-appearance', 'none') 
     .style('padding', '0px') 
     .style('background', 'linear-gradient(white,#999)') 
     .style('border-radius', '10px'); 
} 

這使按鈕看起來有點像在iOS按鈕，但不是真的，並在不執行任何操作桌面Chrome或Firefox，雖然我不確定沒有瀏覽器會打破。