Skip to main content

 

 

 

 
Language:

 

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

Section Indexのリファレンス

レイアウトおよびクラス

CSSセレクタ

要素 CSSクラス 説明
.section-index .section-index.is--sticky SectionIndexの位置を固定するかどうかを定義します
.section-index-item .section-index-item.is--active 現在アクティブなリンクを定義します

高度なユースケース

アクティブ時の色を変更する

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

    a.section-index-item.is--active {
        border-left-color: yourcolor;
        color: yourcolor;
    }

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

    a.section-index-item.is--active {
        border-left-color: var(--color-yourcolor);
        color: var(--color-yourcolor);
    }

RTLとの互換性のため、以下のコードも追加するようにします。

.is-rtl a.section-index-item.is--active {
    border-right-color: yourcolor;
    color: yourcolor;
}
  • Was this article helpful?