角度のあるマテリアルコンポーネントのカスタムカラー

850 ワード

css angularmaterial webdev angular テキストリンク

問題

したがって、次のようなチップやボタンなどの角度のあるマテリアルコンポーネントがあります.

<button mat-flat-button> Done button>

提供されたデザインは、ボタンの背景色を緑、テキストを白にする必要があることを示しています.
あなたは必死にウェブを検索して解決策を探します.これ以上探さない !

対応するスタイリングファイル ( .css または .scss ) に、次のスタイルセレクターを含めます.

.mat-green {
 background-color: green;
 color: white;
}

次に、.html ファイルで、以下のように color 入力属性を green に設定します.

<button mat-flat-button color="green"> Done button>

そしてほら!そこにあります.

注: css セレクターに任意の名前を指定し、mat- というプレフィックスを付けて、その名前を color 属性に設定できます.

この問題について(角度のあるマテリアルコンポーネントのカスタムカラー), 我々は、より多くの情報をここで見つけました https://dev.to/infinityintellect/custom-colour-for-angular-material-components-4o3d

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol