什么是用户代理样式表?

我正在谷歌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 2.1规范中的Cascade章节。

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

因此，如果您认为用户代理样式表有问题，那么实际上是标记有问题，或者样式表有问题，或者两者都有问题(对此您没有编写任何内容)。

2012-09-25 16:25:51

其他回答

在第一行上用正确的文档类型将文档标记为HTML5，解决了我的问题。

<!DOCTYPE html>
<html>...

2015-08-13 07:45:56

我有一个解决办法。检查:

错误

<link href="assets/css/bootstrap.min.css" rel="text/css" type="stylesheet">

正确的

<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">

2020-01-16 17:07:40

在CSS文件中放入以下代码:

table {
    font-size: inherit;
}

2016-02-08 10:38:43

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

因此，如果您认为用户代理样式表有问题，那么实际上是标记有问题，或者样式表有问题，或者两者都有问题(对此您没有编写任何内容)。

2012-09-25 16:25:51

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

2015-10-22 14:11:03

什么是用户代理样式表?

推荐文章

最新文章

标签