legacy-knowledge-base
公開されました Jul. 2, 2025

フォーム機能の「複数選択」を使用時、チェックボックスの色を変更できるか。

投稿者

Shimada Taro

knowledge-article-header-disclaimer-how-to

knowledge-article-header-disclaimer

legacy-article

learn-legacy-article-disclaimer-text

問題

  • フォーム機能で「複数選択」を使用時、チェックボックスの色が見辛いです。
  • チェックボックスの色を変更する方法はありますか?

環境

  • DXP 7.2+

解決

  • 標準機能での変更はできません。
  • before要素に対してCSSを調整することで、色を変更できます。
    .custom-checkbox .custom-control-label::before {
    border-radius: .125rem;
    }
  • ウィジェットページの場合は、ウィジェットのカスタムCSSが利用できます。
  • ページの「ルック&フィール」からも、カスタムCSSが利用できます。

追加情報

did-this-article-resolve-your-issue

legacy-knowledge-base