我正在 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;
}
The font-size
这些新款式扰乱了我的设计。有没有办法强制我的样式表,如果可能的话,完全覆盖 Chrome 的默认样式表?
目标浏览器是什么?不同的浏览器设置不同的默认 CSS 规则。尝试包括 CSS 重置,例如meyerweb CSS 重置 https://meyerweb.com/eric/tools/css/reset/ or 标准化.css https://necolas.github.io/normalize.css/,删除这些默认值。谷歌“CSS重置与标准化”来看看差异。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)