我正在使用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的默认样式表?
font-size
目标浏览器是什么?不同的浏览器设置不同的默认CSS规则。尝试包括CSS重置,例如meyerwebCSS重置或normalize.css,以删除那些默认值。Google通过“CSS重置与归一化”来查看差异。