css - Angular 2 polymer 元素样式

Question

我将 Angular2 与 Polymer Elements 结合使用，并且运行良好。但是如果我尝试设置一些 polymer 元素的样式，例如纸张输入不起作用。

我尝试将样式添加到组件中，index.html 无处不在，但似乎我的新样式被忽略了。

例如，我在我的 css 中添加了以下内容。

paper-input:root{
    --paper-input-container-focus-color: yellow;
}

如果我聚焦纸张输入，字体颜色仍然是默认的蓝色。

有没有人有过将 Angular 2 与 polymer 元素结合使用的经验，并且知道我做错了什么以及谁来更改纸张输入的字体颜色或下划线颜色？

谢谢

Answer 1

回复晚了，但如果您想让 Angular 2 和 Polymer 1 协同工作，请查看 https://github.com/platosha/angular-polymer .

如果您希望 Angular 4+ 和 Polymer 2 协同工作，请查看 https://github.com/hotforfeature/origami .

我不知道您使用的是 Polymer 1 还是 2，但问题是您的样式不是 <style is="custom-style"></style>对于 polymer 1，或 <custom-style><style></style></custom-style>对于 polymer 2。

您可以使用这些库中的任何一个来弥合 Angular 和 Polymer 之间的差距，或者编写您自己的简单服务以在运行时添加/包装正确的样式属性/标签。