不同的Web浏览器中相同html元素的不同UI

Question

  

我很惊讶为什么不同的网络浏览器为同一个html元素显示不同的UI。我听到了 UI后端一词，但我不确定浏览器从哪里获取此UI。如果从操作系统获取它，那么对于同一操作系统上的所有浏览器应该是一致的。但即使在相同的操作系统上，浏览器也会显示不同的UI任何帮助都会受到极大关注。

接下来是 Firefox和Chrome 按钮

Answer 1

您可以使用CSS为按钮设置样式。

在W3schools上有关于它的确实很好的信息。

按钮的示例CSS：

.styled-button {
    background-color: blue;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}