css – 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;
}

解决方法

如果你的按钮是一个按钮，这可能是一个mozilla内部焦点事情…尝试这个？

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

原文地址：https://www.jb51.cc/css/219494.html