フォームのスタイリングを変更する

例えば、フォームにスタイリングを加えて、会社のブランドの色やフォントを使うことができます。

テキストに追加できるHTMLスタイルのほかに、すべてのフォーム要素にCSSスタイルを設定したり、フィールドとラベルの両方に割り当てるCSSクラスを定義することもできます。

!注ラベルのCSSクラスとCSSクラスは異なる場合があります。

フォーム要素のスタイルを変更するには:

1. フォームデザイナーのフォームキャンバスで、スタイル付けしたいフォーム要素をクリックします。

2. フォーム要素ペインのスタイリングセクションのCSSクラスフィールドで、フィールドのクラスを入力するか、利用可能なクラスのリストから選択してください。

   例えば、送信 ボタンに色をつけるには、.btn-successクラスを使います:

   

3. CSSクラスのラベルフィールドで、そのラベルのクラスを入力するか、利用可能なクラスのリストから選択してください。

   例えば、チェックリストボタンをインデントするには .checkbox-inlineクラスを使います。

   

4. 「応募」をクリックします。

   !注ウェブサイトに公開する前にフォームをプレビューすることをお勧めします。フォームアプリケーションでの表示方法は、ウェブページの実際のフォームのスタイルを反映していない場合があります。