什么是用户代理样式表?
我正在使用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的默认样式表?
回答:
目标浏览器是什么?不同的浏览器设置不同的默认CSS规则。尝试包括CSS重置,例如meyerwebCSS重置或normalize.css,以删除那些默认值。Google通过“CSS重置与归一化”来查看差异。
以上是 什么是用户代理样式表? 的全部内容, 来源链接: utcz.com/qa/435083.html