web-dev-qa-db-ja.com

マテリアライズの色アイコンを変更するには？

CssフレームワークMaterialize.cssを使用しているHTMLアイコンの過去の色がわからない

<i class="large material-icons">note_add</i>

私が試してみました cyan darken-4

<i class="large material-icons cyan darken-4">note_add</i>

しかし、何も成功しませんでした。色のアイコンを正確に変更する必要があります。作り方

cssmaterialize
21
HeartOfprogrammer

これを行うには、以下のようにアイコンにクラスを追加します-

<i class="large material-icons icon-blue">note_add</i>

そして、CSSスタイルシートで、icon-blueクラスの色を定義できます

i.icon-blue {
    color: blue;
}

アイコンの色が変更されます。お役に立てれば！

15
Shekhar Chikara

クラスに「cyan-text」と「text-darken-4」を追加します。

<i class="large material-icons cyan-text text-darken-4">note_add</i>
68
Christopher

簡単です。例を示します。

 <i class="material-icons large red-text">room</i>

テキストの前に名前を入力するだけです（red-text）

12
Luis Gerardo López Salazar

「style」属性の使用例があります。

<pre></td><td class="col-sm-2"><i class="little material-icons" style="color:blue">search</i></pre>
2
Nick Cuevas

Materialize documentation によると、直接のCSS属性にアクセスできます。

1
Ivens Applyrs