html - 如何覆盖用户代理样式?

标签 html css

<分区>

我在网页上工作,我在其中使用 css 样式表而不是内联样式。问题是,当我在 chrome 中检查页面的元素时,我可以看到几乎所有元素都继承了一些用户代理样式。我什至不能取消选中属性值,例如。 div{display: block},在 user agent stylesheet 部分下的 DevTools 的样式部分中,就像我可以使用其余样式一样。

我该如何解决这个问题? 或者更好的方法是如何删除用户代理样式?

最佳答案

用户代理样式表只是元素附带的默认样式。

任何应用于元素的 CSS 规则都会覆盖来自用户代理样式表的值。

因此,只需编写一个规则集,其中包含与元素匹配的选择器、与您要更改的内容匹配的属性以及正确的有效值。

div {
    display: inline;
}

关于html - 如何覆盖用户代理样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38079184/

上一篇:javascript - 单击另一个div时如何添加li类

下一篇:javascript - 防止WebGL Three.js 容器捕捉滚动事件

相关文章:

html - 完全响应式网站与媒体查询

jquery - 如何将溢出的菜单项包装到下拉列表中以创建响应式导航菜单?

html - css3 规则在 i 元素后隐藏文本

javascript - 特定 div 内联 block 后的 Css 中断

html - CSS:旁边带有标签的样式单选按钮?

html - 如何向默认 ASP.NET 页面的边缘添加底纹?

html - 如何修复双击:hover issue on on mobile (ios)?

css - 如何在 Spiceworks 中使用 CSS 更改表格的 td 宽度?

html - 让每一节课都独一无二

javascript - 仅在第一次执行函数 onload