Fieldsetのリファレンス

Fieldsetパターンのスタイルを変更する

カスタムCSSを使用して、Fieldsetパターンのスタイルを変更できます。これを行う方法は、以下の例に示す2つのみです。これらをアプリケーションで使用するには、以下のCSSコードをコピーしてテーマに追加します。

例1:

.fieldset {
    position: relative;
}

.fieldset-legend {
    background: var(--color-background-body);
    padding: 0 var(--space-xs);
    position: absolute;
    right: var(--space-m);
    top: -15px;
}

例2:

.fieldset {
    border: 0;
    padding: var(--space-m) 0;
}

.fieldset-legend {
    border-bottom: 1px solid var(--color-neutral-5);
    padding-bottom: var(--space-s);
    width: 100%;
}