什么是用户代理样式表?

我正在谷歌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的默认样式表?

当前回答

在你自己的CSS内容中定义你不想从Chrome的用户代理样式中使用的值。

2012-09-25 12:07:29

其他回答

在你自己的CSS内容中定义你不想从Chrome的用户代理样式中使用的值。

2012-09-25 12:07:29

每个浏览器都提供一个默认样式表，称为用户代理样式表，以防HTML文件没有指定。指定的样式将覆盖默认值。

因为没有为表格元素的框指定值，所以应用了默认样式。

2018-04-20 18:19:19

我也遇到了同样的问题，这是因为我正在使用非语义html

<!--incorrect-->
<ul class="my-custom-font">
  <button>
    <a>user agent styles applied instead of my-custom-font</a>
  <button>
</ul>

<!--correct-->
<ul class="my-custom-font">
  <li>
    <a>now inherits from from my-custom-font</a>
  </li>
</ul>

一旦更新了HTML，就正确地应用了样式

2020-10-09 16:31:33

如果< !DOCTYPE>在您的HTML内容中缺失，您可能会遇到浏览器优先选择“用户代理样式表”而不是自定义样式表。添加文档类型可以解决这个问题。

2015-10-22 14:11:03

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

2012-09-25 12:12:15

什么是用户代理样式表?

推荐文章

最新文章

标签