Firefox 和 Chrome 填充之间的区别

Firefox 和 chrome 在 css 中渲染填充的方式有所不同。 在 Chrome 中显示正确的内容在 Firefox 中进行了额外填充。有办法解决吗？

.button {
    font-family: helvetica, arial;
    font-size: 64px;
    width: 70px;
    height: 45px;
    font-weight: bold;
    padding: 0px;
    padding-top: 25px;
    background-color: #000;
    color: #fff;
    text-align: center;
    float: right;
    margin: 7px 10px 0 0;
}

如果您的 .button 是button这可能是 Mozilla 内部焦点的事情......试试这个？

.button::-moz-focus-inner { border: 0; padding: 0; margin:0; }