chan_tameのブログ

プログラミングで詰まった点を記録していきます!

CSSでアイコンの大きさが変わらない!

material uiのアイコンの大きさを調節しようと、font-sizeで指定したのに、なぜか大きさが変わらない...。

 

どうやら元々のmateral uiのフォントサイズが優先されてるから、変わらないらしいです。というわけで!importantの記述を追加。

 

こんな感じで優先順位をつけてあげたらいいみたい。

 

.sidebar-twitterIcon {
color: var(--twitter-color);
font-size: 30px !important;
}