コンテンツにスキップ
「プリザンター入門」発売中!

コントロールCSS

概要

「入力項目」の表示名のラベルを除く、項目のインプット要素にCSSを適用する場合に使用します。CSSクラス名を指定することで、各項目に任意のクラス名を指定し、スタイルを適用することができます。

制限事項

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

前提条件

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

動作イメージ

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

フィールドCSSとコントロールCSSにクラス名を指定する画面(1/3)

フィールドCSSとコントロールCSSにクラス名を指定する画面(2/3)

フィールドCSSとコントロールCSSにクラス名を指定する画面(3/3)

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

CSS
1
2
3
4
5
6
7
.field-test {
    background-color: red;
}

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

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

指定したCSSが適用された新規作成画面(1/2)

指定したCSSが適用された新規作成画面(2/2)

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

関連情報