iPhone <按钮>填充不可更改？

Question

<button>移动Safari中的HTML5 似乎具有固定的,不可更改的左右填充.这是一个演示以及它在Safari 5和iOS4中的外观.

我该怎样摆脱那个填充物？

Answer 1

我只是想通了"额外的填充"总是1em.如果您使用字体大小的绝对数字,您可以将按钮的font-size设置为0并为内部元素重置它:

button{
   font-size:0;
}
button span{
   font-size:14px;
}

<button><span>Submit</span></button>

Answer 2

只要你不需要本地控制按钮的外观,并确定在做CSS你自己的风格,只是增加-webkit-appearance: none了,你应该过去元素的完全控制.

您也可以尝试-webkit-appearance: button或-webkit-appearance: pushbutton尝试获取默认样式.

你可以在这里看到其中的一些.