4

我正在玩 Dart“bee”Web 组件包 ( bee )中的 popover 组件

但是，我看不到更改组件内部元素默认样式的方法。我想改变它的风格<div class="x-popover-dialog">，让它有圆角。但是，如果我将以下内容添加到我的应用程序的 css 文件中，它会在它到达“out”文件夹时被删除。

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

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

谢谢。

4

1 回答 1

2

好吧，这里有很多因素。首先，您不能重新定义在组件中定义的类。如果该元素没有指定自己的样式，您当前可以将自己的样式应用于组件。例如，您可以更改组件中“p”元素的字体大小。或者说div#someid { color: red; }但你不能重新定义一个类，或者给一个类添加定义。

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

理想情况下，当实现完全支持时，除非 Web 组件本身明确允许，否则您将无法将自己的样式应用于 Web 组件。有关apply-author-styles和相关的reset-style-inheritance的更多信息，请参阅出色的Shadow DOM 201教程。

于 2013-05-15T14:12:55.397 回答