Materialize.cssを使ったボタンやらの色変更法

Materialize.cssを使って作ったナビゲーションバーやボタンの色を変更する方法

以前、Materialize.cssを使って作品を作った際、CSSの定義を上書きしようとこことみたり、

CDNをやめてダウンロードしたcssをいじったりしても色が変わってくれず、苦戦した事がありました。

 

しかし、本日受講生さんから教えてもらった記事の方法を試したらすごく簡単に色が変更できました。。。!!

 

その方法は以下です。

 

  1. 公式サイトの左側のバーから、 CSS → Colorをクリック
  2. 下の方にある、カラー表から自分の好きな色のclass名をコピー(例: blue lighten-2)
  3. コピーしたclassをhtmlのパーツにclassとして貼り付ける

きちんと読めば公式サイトにもきっと書いてあるのでしょうね。。。

反省です。。。!!