如何在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上什么也不做，盡管我不確定瀏覽器是否會中斷。