html按钮在iOS设备上无法正确呈现

Question

我有一个html按钮，可以在所有浏览器上正确呈现，但在iOS设备上无法正确呈现。

这是css

.textCont .block button {
    border: none;
    background: white;
    border-radius: 7px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    height: 23px;
    width: 35px;
    line-height: 0;
    margin-left: 5px;
    position: relative;
    top: -4px;
}

在iOS设备中，它显示的按钮更宽，然后它应该向左扩展。我认为这可能是因为我有剩余边距，但在设置为0px之后没有任何改变。我感到迷茫，不知道会出现什么问题？

Answer 1

一些可以导致回答的建议。

尝试margin-left: -5px; padding-left: 0px;

尝试background-position: 40% 50%;（此处有更多信息https://developer.mozilla.org/samples/cssref/background-position/）

Answer 2

尝试将-webkit-appearance: none;添加到您的CSS

Answer 3

也许元素从某个地方继承填充。请尝试添加“padding：0;”

来重置填充

提示：如有疑问，请始终使用Web检查器检查浏览器如何计算CSS属性并切换到计算机选项卡。