为什么我的所有 css 自定义元素在 Chrome 开发工具中都显示为用户代理样式表？
Why all css of my custom-element are shown as user agent stylesheet in Chrome dev-tools?
当我检查 Chrome 中的自定义元素时，元素的样式和所有内部元素在“样式”面板中显示为 'user agent stylesheet'。
我假设您使用的是 LitElement，它使用 constructible stylesheets。它们应该是可编辑的，但由于 Chrome 中的错误，它们目前不可编辑。
目前，最好在开发时禁用它。您可以在加载任何 LitElement 代码之前添加它。
<script>
delete Document.prototype.adoptedStyleSheets;
</script>
确保不要在生产站点上使用该代码。
注意：chrome 84 的发布可能不需要此解决方法（下一个版本应该在 July/August 2020 可用）
您可以在此处关注具体问题：
https://bugs.chromium.org/p/chromium/issues/detail?id=946975
当我检查 Chrome 中的自定义元素时，元素的样式和所有内部元素在“样式”面板中显示为 'user agent stylesheet'。
我假设您使用的是 LitElement，它使用 constructible stylesheets。它们应该是可编辑的，但由于 Chrome 中的错误，它们目前不可编辑。
目前，最好在开发时禁用它。您可以在加载任何 LitElement 代码之前添加它。
<script>
delete Document.prototype.adoptedStyleSheets;
</script>
确保不要在生产站点上使用该代码。
注意：chrome 84 的发布可能不需要此解决方法（下一个版本应该在 July/August 2020 可用）
您可以在此处关注具体问题： https://bugs.chromium.org/p/chromium/issues/detail?id=946975