如何设置Dart Web组件内部元素的样式？

我正在玩Dart“bee”Web组件包（）中的popover组件

但是，我看不到更改组件内部元素的默认样式的方法。我想更改

的样式，使其具有圆角。但是，如果我将以下内容添加到我的应用程序的css文件中，当它进入“out”文件夹时，它就会被删除

这是可能的吗？或者这是实际修改Web组件本身（或者扩展它）的唯一方法吗

---

谢谢。

好的，这里有很多因素。首先，您不能重新定义在组件中定义的类。如果某个构件未指定自己的样式，则当前可以将自己的样式应用于该构件。例如，您可以更改组件中“p”元素的字体大小。或者说

div#someid{color:red；}

但不能重新定义类，也不能向类添加定义

除非明确允许，否则您完全可以修改样式，这是web_ui中的一个错误。当前跟踪为：：支持应用作者样式

---

理想情况下，当实现完全支持时，除非web组件本身明确允许，否则您将无法将自己的样式应用于web组件。有关和相关的详细信息，请参阅精彩教程。

谢谢您的回答。因此，基本上，除非组件的作者明确指定“apply author styles=true”或允许通过自定义伪元素或CSS变量进行样式设置，否则您无法为Web组件设置样式。绝对是小部件创建者需要记住的事情。组件的目标是提供一个完整的、可重用的标记，就像元素一样。但我们并不总是希望允许更改格式（点击页面上的Google+按钮，你不应该将背景颜色更改为facebook蓝色）。但正如您所说，随着开发的进展，widget创建者需要记住，也许我们并不都想要黑白元素一个很好的解决方案是，作者允许使用样式，然后将类应用于组件的各个部分，但不指定该类本身。这允许用户很好地定义类。

.x-popover-dialog {
    border-radius: 6px;
}