AngularDart组件阴影Dom CSS封装仅适用于Dartium

我一直在玩角镖。我非常喜欢它，但是我遇到了一个关于组件和影子Dom CSS封装的问题

据我所知，组件内部定义的样式应该只应用于阴影根内部。在Chrome中，一切都按预期工作，但当我在其他浏览器（甚至Chrome）中运行我的应用程序时，组件的样式也会从影子根中应用

预期行为：一个有样式的按钮和另一个没有样式的按钮 然而，使用其他浏览器运行从Dart编辑器生成的javascript版本，我得到了两个样式化的按钮

这是我的主要应用程序代码

导入“包：角度/角度.dart”； 导入“mycomponent.dart”； //临时的，请跟我来https://github.com/angular/angular.dart/issues/476 @镜像使用覆盖：'*' 导入“dart:镜像”； 类MyModule扩展模块{ MyModule{ 型霉菌控制器； 型支原体成分； } } @NGC控制器 选择器：“[我的控制器]”， 出版物：“ctrl” 类MyController{ @双向“某物” 串东西； } 真空总管{ ngBootstrapmodules:[新MyModule]； } 我的主CSS文件是由Dart编辑器生成的默认CSS。我只为ng斗篷添加了样式，基本示例id与按钮无关

身体{ 背景色：F8； 字体系列：“开放式Sans”，无衬线； 字体大小：14px； 字体大小：正常； 线高：1.2米； 利润率：15px； } h1，p{ 颜色：333； } 样本\u容器\u id{ 宽度：100%； 高度：400px； 位置：相对位置； 边框：1px实心ccc； 背景色：fff； } 示例\u文本\u id{ 字号：24pt； 文本对齐：居中； 边缘顶部：140px； -webkit用户选择：无； 用户选择：无； } [ng \：斗篷]，[ng斗篷]，[data ng斗篷]，[x-ng-斗篷]，.ng斗篷，.x-ng-斗篷{ 显示：无！重要； } 基本示例{ 背景色：DDDD； 填充：20px } 组件的dart代码也非常简单：

导入“包：角度/角度.dart”； @NGO组分 选择器：“我的组件”， templateUrl:'mycomponent.html'， cssUrl:'mycomponent.css'， 出版物：“cmp” 类MyComponent{ } 这是组件的html模板：

我是一个按钮！ 应用程序的主HTML只是实例化组件和另一个不应设置样式的按钮：

沙虫 我的小组件只有一个样式按钮：

以下按钮不应设置样式：

我应该没有风格 正如我之前所说，我只希望有一个样式化按钮，因为应用于组件的样式不应该应用于外部，但在从Dart编辑器生成的javascript版本中，我得到了两个样式化按钮

我正在使用AngularDart 0.9.10和Dart SDK 1.2.0

我做错什么了吗？也许我不理解CSS封装的概念。有人能帮我吗

---

提前感谢

您的CSS文件看起来像什么这个bug基本上似乎指向了你的问题，正在生成的CSS也适用于组件外部的div->button。谢谢你的回复，Kyle。事实上，它看起来与这个bug有关。我将关注这个问题。谢谢你的快速回复。