Question

我正在使用polygit来装载聚合物组件。有没有什么方法可以覆盖--primary-color没有任何CSS黑客？

这就是我加载聚合物的方式......

<base href="http://polygit.org/polymer+v1.4/components/">
<link href="polymer/polymer.html" rel="import">
<link rel="import" href="paper-button/paper-button.html">
<link rel="import" href="paper-input/paper-input.html">
<link rel="import" href="paper-input/paper-textarea.html">

Answer 1

在自定义元素

中使用此功能

:host{
  --primary-color:blue;
}

或者如果您使用HTML进行操作，请使用custom-style并更新:root中的值以将其应用于任何地方，或者在元素内部将其应用于特定元素

将其应用于所有元素

<style is="custom-style">
  :root{
     --primary-color:blue;
  }

将其应用于单个元素

<style is="custom-style">
  paper-card{
     --primary-color:blue;
  }

或者，如果您正在设计应用程序，我建议您创建app-theme.html，它将成为您应用主题的中央存储库，并使用app-theme标记导入link。

请阅读聚合物的documentation了解有关样式的详细信息或查看此polycast

如果通过PolyGit加载组件，如何更改聚合物中的--primary-color变量

1 个答案: