フィールドCSS

概要¶

「入力項目」の表示名のラベルを含む、項目のフィールド要素にCSSを適用する場合に使用します。CSSクラス名を指定することで、各項目に任意のクラス名を指定し、スタイルを適用することができます。

制限事項¶

1. コメント項目では使用できません。

前提条件¶

1. 設定を行うには「サイトの管理権限」が必要です。

動作イメージ¶

分類項目の「フィールドCSS」に「field-test」、コントロールCSSに「control-test」というクラス名を指定します。

指定したクラスに対して以下のようにスタイルを設定します。（ここでは新規作成にチェック）

1
2
3
4
5
6
7

.field-test {
      background-color: red;
}

.control-test {
     background-color: green;
}

新規作成で以下のように表示されます。

フィールドCSSではラベルの装飾、レイアウト調整、項目の表示非表示、コントロールCSSでは入力欄のサイズ変更、項目の値の取得などに使用できます。

関連情報¶

• テーブルの管理：エディタ：項目の詳細設定：表示名
• 開発者ガイド：スタイル
• テーブルの管理：項目：コメント
• テーブルの管理：項目：分類
• テーブルの管理：エディタ：項目の詳細設定：コントロールCSS