在 Chrome 浏览器中覆盖用户代理样式表 CSS答案

【问题标题】：Override User Agent Stylesheet CSS in Chrome Browser在 Chrome 浏览器中覆盖用户代理样式表 CSS
【发布时间】：2021-09-14 20:46:47
【问题描述】：

当我的网页在浏览器中呈现时，它显示我的“li”元素之一具有来自“用户代理样式表”的“::marker”css 伪元素（我自己没有添加此样式）。什么是“用户代理样式表”？如何阻止应用此样式？

【问题讨论】：

这能回答你的问题吗？ How to stop user agent stylesheets from overriding my css
感谢您的回复。具体来说，浏览器自动添加了以下样式--- "::marker { unicode-bidi:isolate; font-variant-numeric: tabular-nums; text-transform: none; text-indent: 0px !important; text-align : start !important; text-align-last: start !important; }"
这导致项目符号图标出现。我该如何阻止这种情况发生？
@nCardot 你有什么指点吗？

【解决方案1】：

在您的 CSS 中添加 ul { list-style-type: none; } 以覆盖浏览器应用的默认样式（来自用户代理样式表）并删除 li 项目符号

【讨论】：

【解决方案2】：

将ul>li::marker { content ""; } 添加到您自己的 CSS 以隐藏用户代理样式表内容。

修改list-style 没有帮助，因为这是在 li 元素之外添加的额外内容。

【讨论】：