为什么我的所有自定义元素的css在Chrome开发工具中都显示为用户代理样式表？

Question

当我在Chrome中检查自定义元素时，该元素的样式和所有内部元素在“样式”面板中显示为“用户代理样式表”。

Answer 1

我假设您正在使用LitElement的{​​{1}}。它们应该是可编辑的，但是由于Chrome中的错误，它们目前不能。

目前，最好在开发时将其禁用。您可以在加载任何LitElement代码之前添加此代码。

constructible stylesheets

请确保不要在生产站点上使用该代码。

注意：chrome 75的发布可能不需要这种解决方法（下一版swich应该在6周左右可用）