什么是用户代理样式表？

Question

什么是用户代理样式表？

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

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

值得注意的是，我没有定义这些样式。在Chromedev工具上，上面写着用户代理样式表代替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;}

这个font-size从这些新的风格是困扰我的设计。有没有办法强制我的样式表，如果可能的话，完全覆盖Chrome的默认样式表吗？

Answer 1

目标浏览器是什么？不同的浏览器设置不同的默认CSS规则。尝试包括一个reset.css或者是正常化(无论是谷歌(Google)还是“重置与正常化”(Reset Vs Normalise)都可以看到差异)，以消除这些默认值。或者设置你自己的Style.css

Answer 2

关于“用户代理样式表”的概念，请参阅部分。叶栅在CSS2.1规范中。您在自己的样式表中设置的任何内容都会覆盖用户代理样式表。它们只是底层：在没有由页面或用户提供的样式表的情况下，浏览器仍然必须呈现内容。不知何故，而用户代理样式表只是描述了这一点。因此，如果您认为您对用户代理样式表有问题，那么您的标记、样式表或两者都有问题(关于这一点您什么也没有写)。