一尘不染

什么是用户代理样式表?

css

我正在使用Google 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;
}

font-size这些新的风格被扰乱我的设计。有没有一种方法可以强制我的样式表,并在可能的情况下完全覆盖Chrome的默认样式表?


阅读 1673

收藏
2020-05-16

共1个答案

一尘不染

目标浏览器是什么?不同的浏览器设置不同的默认CSS规则。尝试包括CSS重置,例如meyerwebCSS重置或normalize.css,以删除那些默认值。Google通过“CSS重置与归一化”来查看差异。

2020-05-16