了解用户代理样式表的作用
P粉277464743
P粉277464743 2023-08-27 13:14:56
0
2
544
<p>我正在 Google Chrome 中处理网页。它可以正确显示以下样式。</p> <pre class="brush:php;toolbar:false;">table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; }</pre> <p>需要注意的是,我没有定义这些样式。在 Chrome 开发者工具中,它用<strong>用户代理样式表</strong>代替 CSS 文件名。</p> <p>现在,如果我提交表单并发生一些验证错误,我会得到以下样式表:</p> <pre class="brush:php;toolbar:false;">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; }</pre> <p>这些新样式中的 <code>font-size</code> 扰乱了我的设计。有没有办法强制我的样式表,如果可能的话,完全覆盖 Chrome 的默认样式表?</p>
P粉277464743
P粉277464743

全部回复(2)
P粉518799557

如果您的 HTML 内容中缺少 ,您可能会遇到浏览器优先考虑“用户代理样式表”而不是您的自定义样式表的情况。添加文档类型可以解决此问题。

P粉477369269

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!