ios - 如何在 iOS 上更改*只是*按钮的填充

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 上什么也不做，尽管我不确定是否有浏览器会出现这种情况。