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%; }