相关疑难解决方法(0)

什么是用户代理样式表

我正在使用谷歌浏览器的网页.它使用以下样式正确显示.

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}
Run Code Online (Sandbox Code Playgroud)

重要的是要注意我没有定义这些样式.在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;
}
Run Code Online (Sandbox Code Playgroud)

font-size这些新的风格被扰乱我的设计.有没有办法强制我的样式表,如果可能的话,完全覆盖Chrome的默认样式表?

css google-chrome

466
推荐指数
7
解决办法
45万
查看次数

标签 统计

css ×1

google-chrome ×1