0

polygit を使用してポリマー コンポーネントをロードしています。CSS ハックなしで --primary-color をオーバーライドできる方法はありますか?

これが私がポリマーをロードしている方法です....

<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">
4

1 に答える 1

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;
  }

または、アプリを設計している場合は、アプリケーション テーマの中央リポジトリとなるものを作成し、 usingタグapp-theme.htmlをインポートすることをお勧めします。app-themelink

スタイリングの詳細については、ポリマーのドキュメントを参照するか、このポリキャストを確認してください。

于 2016-06-11T12:08:33.617 に答える