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上什么都不做，虽然我不确定没有浏览器会破坏。

如何在iOS上的html中更改* just *按钮的填充

1 个答案: