paper-input
に異なるフォントファミリを設定するにはどうすればよいですか?クロムの要素を調べると、多くのクラスからスタイルを取得するようです。どのクラスをオーバーライドするのかわからない、クラス内で-0
が何を意味するのか。そのバンドルPaper Input Container's styling documentationへポリマーセットの紙入力フォントファミリ
3
A
答えて
2
Paper Input's styling documentation代表団が、それはまだ、フォントスタイルを上書きする方法はありません。
幸いにもpaper-input-container.html source codeで使用するフォントを確認し、paper-styles/typography.htmlでグローバルマテリアルデザインタイポグラフィを上書きすることはできますが、そうするのは賢明ではないと思うので、カスタマイズ可能なスタイルにしませんでした。
.input-content ::content input,
.input-content ::content textarea,
.input-content ::content iron-autogrow-textarea,
.input-content ::content .paper-input-input {
position: relative; /* to make a stacking context */
outline: none;
box-shadow: none;
padding: 0;
width: 100%;
max-width: 100%;
background: transparent;
border: none;
color: var(--paper-input-container-input-color, --primary-text-color);
-webkit-appearance: none;
text-align: inherit;
@apply(--paper-font-subhead);
@apply(--paper-input-container-input);
}
paper-styles/typography.html:とにかく
--paper-font-common-base: {
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
}
/* [...] */
--paper-font-subhead: {
@apply(--paper-font-common-base);
font-size: 16px;
font-weight: 400;
line-height: 24px;
};
は、
-0
プレフィックスがちょうどある
あなたが撮ったスクリーンショットのための対応するスタイルは以下のとおりです。インデックス。同じ種類のポリマー要素が2つある場合は、最初の要素に接頭辞-0
を置き、2番目の要素に接頭辞-1
を置きます。私は確信していませんが、updateStylesを使用してCSSセレクタに翻訳されていると思います。:root
と::content
の各キーワードを翻訳する際に、各要素を個別に名前空間にするのに役立ちます。
この特定の要素を上書きする場合は、-0
接頭辞を使用するように指示します。そうでない場合は、一般的な方法で適切に選択するために、より汎用的なクラスまたは要素を使用します。
関連する問題
- 1. 選択した後でフォントファミリの入力を変更する方法
- 2. Emacsのフォントファミリ
- 3. 単語の手紙を入手する
- 4. 現在の壁紙を入手する
- 5. IEのJavaScriptフォントファミリの問題
- 6. WPFアプリケーションでのマウス入力の入力
- 7. Play Frameworkでの入力の入力
- 8. TestNGへの入力の入力
- 9. ブートストラップ2.0.2 - 入力の余白の入力
- 10. WPF C#テキストブロックのフォントファミリを設定する
- 11. GWT - RichTextArea - 内部フォントファミリの設定方法
- 12. iFrameのフォントサイズとフォントファミリを変更する
- 13. フォームのインライン入力とブロック入力
- 14. jsf(richfaces)readonly入力テキストの入力
- 15. 時間入力のテキスト入力keyupイベント
- 16. 入力と例外の入力方法
- 17. jQueryの入力イベントは、入力が
- 18. Jqueryの入力の入力:出力データの問題
- 19. Polymerの紙入力でオートコレクトを無効にするにはどうすればよいですか?
- 20. bingの壁紙
- 21. Xcodeの手紙
- 22. 受け入れは、ブラウザは白紙のページ
- 23. iPhone壁紙を読む壁紙
- 24. コンソールアプリケーションの入力と出力
- 25. 入力と出力のリダイレクト
- 26. scipy.optimize.fsolveの入力/出力エラー
- 27. プロローグでの入力出力
- 28. パイプライン入力/出力
- 29. WPFフォントファミリ:Fonts.SystemFontFamiliesおよびSystem.Drawing.Text.InstalledFontCollection()。ファミリ
- 30. アイコンをフォントファミリとしてロードする
ありがとうございます。 – anivas