フォームのスタイルを変更する
Version:
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
たとえば、会社のブランドの色やフォントを使用するために、フォームにスタイルを追加できます。
テキストに追加できるHTMLスタイルに加えて、すべてのフォーム要素にCSSスタイルを設定し、フィールドとラベルの両方にCSSクラスを定義することもできます。
メモ
CSSクラスとラベルのCSSクラスは異なる場合があります。
フォーム要素のスタイルを変更するには:
-
Form designerで、フォームキャンバス上で、スタイルを設定するフォーム要素をクリックします。
-
Form elementsペインのStylingセクションのCSS classフィールドに、フィールドのクラスを入力するか、使用可能なクラスのリストから選択します。
たとえば、Submitボタンに色を付けるには、.btn-successクラスを使用します。
-
CSS class for labelフィールドに、ラベルのクラスを入力するか、使用可能なクラスのリストから選択します。
たとえば、チェックリストのボタンをインデントするには、.checkbox-inlineクラスを使用します。
-
「 Apply」をクリックします。
手記Webサイトに公開する前に、フォームをプレビューすることをお勧めします。Formsアプリケーションでのフォームの表示方法は、Webページ上のフォームの実際のスタイルを反映していない場合があります。