如何使Firefox按钮看起来像Chrome按钮（边框，边框半径，填充，边距..）

Question

firefox： google-chrome：

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

     }

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

Answer 1

每个浏览器以不同方式呈现name[]。没有单一的CSS属性可以标准化所有浏览器中按钮的视觉外观。

如果您想要标准化外观，请使用JS插件来完成此操作，或者通过设置

删除默认浏览器样式

<button>

按钮上的

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

Answer 2

你可以在你的按钮上使用它：

-webkit-appearance:     none;
-moz-appearance:        none;
-ms-appearance:         none;
-o-appearance:          none;
appearance:             none;

然后将它们打造在一起