小编典典

什么是用户代理样式表?

all

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


阅读 306

收藏
2022-03-07

共1个答案

小编典典

目标浏览器是什么?不同的浏览器设置不同的默认 CSS 规则。尝试包含 CSS 重置,例如meyerweb CSS
重置
normalize.css,以删除这些默认值。谷歌“CSS
重置与规范化”以查看差异。

2022-03-07