什么是用户代理样式表？

Question

我正在谷歌Chrome的一个网页上工作。它使用以下样式正确显示。

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

需要注意的是，我没有定义这些样式。在Chrome开发工具中，它使用用户代理样式表来代替CSS文件名。

现在，如果我提交了一个表单，并且发生了一些验证错误，我会得到以下样式表：

table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: -webkit-auto;
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

这些新样式的字体大小干扰了我的设计。有没有办法强制我的样式表，如果可能的话，完全覆盖Chrome的默认样式表？

Answer 1

关于“用户代理样式表”的概念，请参阅CSS 2.1规范中的Cascade部分。

用户代理样式表将被您在自己的样式表中设置的任何内容覆盖。它们只是最底层：在没有页面或用户提供的任何样式表的情况下，浏览器仍然必须以某种方式呈现内容，而用户代理样式表只是描述了这一点。

因此，如果您认为用户代理样式表有问题，那么您的标记、样式表或两者都有问题（对此您没有写任何东西）。

Answer 2

如果<代码>

Answer 3

目标浏览器是什么？不同的浏览器设置不同的默认CSS规则。尝试包括CSS重置，例如meyerweb CSS重置或规范化。css，以删除这些默认值。谷歌“CSS重置vs规范化”来查看差异。