css - 如何使 Firefox 按钮看起来像 Chrome 按钮(边框，边框半径，填充，边距..)

Question

火狐: 谷歌浏览器:

.stdbutton{
    width:100px;
    height: 20px;
}
button::-moz-focus-inner {
         padding: 0 !important;
         border: 0 none !important;

     }

如何让它们看起来一样？ border-radius:0px; 没有效果。

Answer 1

每个浏览器呈现 <button>不同的。没有单一的 CSS 属性可以标准化所有浏览器中按钮的视觉外观。

如果你想要一个标准化的外观，要么使用 JS 插件来实现，要么通过设置移除默认的浏览器样式

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

在按钮上，然后根据您希望它的显示方式设置样式。