bookreadkun https://blog.hatena.ne.jp/bookreadkun/ おーみんブログ https://oooomincrypto.hatenadiary.jp/ HTML/CSS IT系その他 はじめに CSSライブラリのMUIはとても便利で結構利用します。 MUIのTabsの下線の色を変更する機会があったので備忘録として記載します。 デフォルトの下線色 Tabsタグのデフォルト色は以下の緑枠のような感じです。 背景色を濃いめの赤にしているため、デフォルトの下線では少し見にくいな～という感じだったので変更してみます。 TabIndicatorPropsを利用する 下線の色を変更するにはTabsタグのpropsの一つであるTabIndicatorPropsを用います。 Tabs API - Material UI 型はオブジェクト型なので以下のようにコードを書きます。 <Tabs Ta… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Foooomincrypto.hatenadiary.jp%2Fentry%2F2022%2F08%2F19%2F185225" title="MUI(Material UI)のTabsタグの下線の色を変更する！ - おーみんブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/b/bookreadkun/20220819/20220819184337.png Hatena Blog https://hatena.blog 2022-08-19 18:52:25 rich https://oooomincrypto.hatenadiary.jp/entry/2022/08/19/185225 1.0 100%