CSS を使用してフォームをカスタマイズする

カスタム CSS を使用して、フォームの外観を初期化できます。このチュートリアルでは、フォーム内のコンポーネントに異なる背景色を設定する方法を説明します。

1. フォーム内で使用する CSS クラスを [カスタム CSS] プロパティ フィールドに入力します。

   この例では、次の CSS クラスを貼り付けます。

   .change {
   background-color:red;
   }
   .spring {
   background-color:green
   }
   

2. フォーム コンポーネント上でホバーし、[編集] をクリックします。手順 1 で追加したクラスのいずれかを [カスタム CSS クラス] フィールドに入力します。

   1. この例では、[テキスト フィールド] コンポーネントを編集し、[カスタム CSS クラス] フィールド内に change CSS クラスを貼り付けます。コンポーネントを保存した後、コンポーネントが赤くなるのを確認します。

      

   2. テキスト領域コンポーネントを編集し、spring CSS クラスを [カスタム CSS クラス] フィールドに貼り付けます。コンポーネントを保存すると緑色に変わるのを見てください...

   

このチュートリアルで説明する作成過程とその結果を確認するには、以下のビデオをご覧ください。