SWELLのタブブロックの色を変えたい

追加CSSでできるようだ。タブブロックがあるのは数ページなので投稿のカスタムCSSに記載することにした。

/*タブスタイル：ふきだし*/
.is-style-balloon>.c-tabList .c-tabList__button:hover, 
.is-style-balloon>.c-tabList .c-tabList__button[aria-selected=true] {
background-color: #63A84D;
}
.is-style-balloon>.c-tabList .c-tabList__button:before  {
border-top: 8px solid #63A84D;
}

こちらから参考

SWELLのタブブロック機能をメインカラー以外に設定したいっす！カピーさん追加CSSで簡単に変更できちゃうから、サクッと変えちゃおう！

【SWELL】タブブロックを任意の色にカスタマイズする方法【メインカラーとは別で設定】

山形市は晴れ。14.8

（月_）の記載を（月曜日）に変更した

2025年3月1日（土曜日）

関連キーワード

関連記事

令和7年3月1日

• 平成37年3月1日
• 昭和100年3月1日
• 旧2月2日
• 弥生

今日は何の日

• エイズ差別ゼロの日
• 防災の日・防災用品点検の日
• ビキニ・デー
• マーチの日・行進曲の日
• 労働組合法施行記念日
• 豚の日
• デコポンの日
• 未唯mieの日
• 切抜の日
• 未来郵便の日
• ファミリーファーストの日
• 再石灰化の日
• マヨネーズの日
• オリジナルＴシャツの日
• マヨサラダの日
• 「ラブベジ」の日
• タイガーボードの日
• Chatworkの日
• 冠元顆粒の日
• Pontaの日
• 北海道のソウルフードを食べる日
• えいようかんの日
• 資格チャレンジの日
• 釜飯の日
• あずきの日
• 省エネルギーの日
• Myハミガキの日
• もったいないフルーツの日
• 三汀忌
• 幻花忌
• こちらから引用