回答标题中的问题，什么是用户代理样式表，浏览器中的默认样式集:下面是其中的一些:

铬(Chrome): https://chromium.googlesource.com/chromium/src/third_party/+/master/blink/renderer/core/html/resources/html.css WebKit (Safari): https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css Gecko (Firefox): https://searchfox.org/mozilla-central/source/layout/style/res/html.css 宁静:https://github.com/SerenityOS/serenity/blob/master/Userland/Libraries/LibWeb/CSS/Default.css # L4 Mozilla伺服:https://github.com/servo/servo/blob/master/resources/user-agent.css#L9

个人意见:不要和他们打架。例如，在rtl/bidi情况下，它们具有良好的默认值，并且现在是一致的。重置你看到的与你无关的东西，而不是一次全部重置。

关于“用户代理样式表”的概念，请参考CSS 2.1规范中的Cascade章节。

用户代理样式表将被您在自己的样式表中设置的任何内容所覆盖。它们只是底层:在没有页面或用户提供的任何样式表的情况下，浏览器仍然必须以某种方式呈现内容，而用户代理样式表只是描述这一点。

因此，如果您认为用户代理样式表有问题，那么实际上是标记有问题，或者样式表有问题，或者两者都有问题(对此您没有编写任何内容)。

每个浏览器都提供一个默认样式表，称为用户代理样式表，以防HTML文件没有指定。指定的样式将覆盖默认值。

因为没有为表格元素的框指定值，所以应用了默认样式。

我也遇到了同样的问题，这是因为我正在使用非语义html

<!--incorrect-->
<ul class="my-custom-font">
  <button>
    <a>user agent styles applied instead of my-custom-font</a>
  <button>
</ul>

<!--correct-->
<ul class="my-custom-font">
  <li>
    <a>now inherits from from my-custom-font</a>
  </li>
</ul>

一旦更新了HTML，就正确地应用了样式

回答标题中的问题，什么是用户代理样式表，浏览器中的默认样式集:下面是其中的一些:

铬(Chrome): https://chromium.googlesource.com/chromium/src/third_party/+/master/blink/renderer/core/html/resources/html.css WebKit (Safari): https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css Gecko (Firefox): https://searchfox.org/mozilla-central/source/layout/style/res/html.css 宁静:https://github.com/SerenityOS/serenity/blob/master/Userland/Libraries/LibWeb/CSS/Default.css # L4 Mozilla伺服:https://github.com/servo/servo/blob/master/resources/user-agent.css#L9

个人意见:不要和他们打架。例如，在rtl/bidi情况下，它们具有良好的默认值，并且现在是一致的。重置你看到的与你无关的东西，而不是一次全部重置。

目标浏览器是什么?不同的浏览器会设置不同的默认CSS规则。尝试包括CSS重置，如meyerweb CSS重置或normalize.css，以删除这些默认值。谷歌“CSS重置vs正常化”来查看差异。