フィルタのリストボックス背景色を変更する

2024年4月24日2024年5月7日Designerで使えるCSS,Designerで色を変更したい

概要

Designerページ内に設定されたフィルタに対し、選択時のリストボックスの背景色を変更するCSSをご紹介します。

完成イメージ

手順

1. プロシジャの配置とフィルタの作成
2. CSSの記述
3. 実行

1.プロシジャの配置とフィルタの作成

ページ上にWHERE句の含まれるプロシジャを配置しフィルタを追加します。

2.CSSの記述

アウトラインからCSSを開き、指定した任意のクラスをセレクタに指定します。
背景色を変更するCSSを記述します。

.ibx-select-popup {
  color: #fff;
  background-color: #E2F4C5;
}

3.実行

実行し、結果を確認します。