Skip to main content

 

 

 

 
Language:

 

 
従来のWebアプリにのみ適用されます

 

 
 
OutSystems

Dropdown Selectのリファレンス

レイアウトおよびクラス

CSSセレクタ

要素 CSSクラス 説明
Dropdown .choices__list--dropdown.is-active ドロップダウンが閉じているか開いているかを定義します。

高度なユースケース

枠線の色を変更する

CSSエディタで以下のCSSを記述し、yourcolor変数を変更します。

.choices__inner {
    border: var(--border-size-s) solid yourcolor;
}

または、CSS変数var(--color-yourcolor)を使用します。例:

.choices__inner {
    border: var(--border-size-s) solid var(--color-yourcolor);
}

削除可能なタグの色を変更する

CSSエディタで以下のCSSを記述し、yourcolor変数を変更します。

.choices__list--multiple .choices__item.choices__item--selectable {
    background: yourcolor;
}

または、CSS変数var(--color-yourcolor)を使用します。例:

.choices__list--multiple .choices__item.choices__item--selectable {
    background: var(--color-yourcolor);
}

ブラウザのプレビュー

Combo Boxを使用:

List Boxを使用:

注記

SearchEnabledパラメータは、ListBoxでは機能しません。

  • Was this article helpful?