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

【问题标题】：Different UI for same html element in different web browsers不同浏览器中相同 html 元素的不同 UI
【发布时间】：2018-05-11 02:43:26
【问题描述】：

我很惊讶为什么不同的网络浏览器会为相同的 html 元素显示不同的 UI。我听说过 UI 后端 这个词，但我不确定浏览器从哪里得到这个 UI。如果它从操作系统中获取，那么它对于同一操作系统上的所有浏览器应该是一致的。但即使在同一个操作系统上，浏览器也会显示不同的 UI。任何帮助将不胜感激。

接下来是 Firefox 和 Chrome 按钮

【问题讨论】：

标签： html css google-chrome firefox browser

【解决方案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;
}

【讨论】：

我只是想知道浏览器从哪里得到这个 UI。

【解决方案2】：

外观由浏览器的“用户代理样式表”定义，基本上是浏览器在没有为元素定义其他 CSS 时使用的默认 CSS。

每个浏览器都定义了自己的用户代理样式表。

【讨论】：

这个样式表在哪里？在浏览器或操作系统内部？