在所有相关聚合物元素中应用一致样式的最佳实践?

时间:2014-07-25 21:28:20

标签: polymer dart-polymer

所以说我有一个带有一堆Polymer元素的app。这些元素有输入和按钮等等,我希望它们都具有一致的风格。由于它们是单独的封装元素,自然的方法是在每个单独的Polymer元素中设置这些HTML元素的样式(旁注:当它们本身在Polymer元素中时,它们会将它们称为HTML元素。可能是为什么Web Components是一个更好的最终名称的原因)这基本上意味着我多次重复相同的样式。

有更好的方法吗?我想我可以在这些输入和按钮上保留基本甚至默认的浏览器样式,然后做一些深入到::阴影的顶级样式?

1 个答案:

答案 0 :(得分:4)

我认为core-style元素旨在解决该问题(http://www.polymer-project.org/docs/elements/core-elements.html#core-style),引用元素的页面:

  

核心风格元素有助于管理其他元素内的样式,并可用于制作主题。核心样式元素可以是样式的生产者或消费者。如果它设置了id属性,那么它就是一个生产者。作为生产者的元素应该包括CSS样式作为其文本内容。如果核心样式设置了ref属性,那么它就是消费者。核心样式通常将其ref属性设置为它想要使用的核心样式的id属性的值。这允许单个生产者在多个地方使用,例如,在许多不同的元素中使用。