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

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

フォームに会社のブランドを反映させるために、色やフォントなどのスタイリングを加えることができます。

Example of a form with styling

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

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

  1. フォームダッシュボードで、スタイルをつけたいフォームの名前をクリックします。

  2. キャンバス上で、スタイリングしたいフォームフィールドをクリックします。

  3. フォーム要素ペインのスタイリングセクションのCSSクラスフィールドで、そのフィールドのクラスを入力します。

    クラスを手動で入力することも、定義されていればあらかじめ決められたリストから選択できます。

    Use CSS class field to color the submit button example.
  4. CSSクラスのラベルフィールドで、ラベルのクラスを入力します。

    Inline checkbox CSS class for label example.

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

この記事を改善するための提案がある場合は、 お知らせください!