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

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

1. フォーム内で使用する CSS クラスを [カスタム CSS] プロパティ フィールドに入力します。
   この例では、次の CSS クラスを貼り付けます。

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

2. フォーム コンポーネント上でホバーし、[編集] をクリックします。手順 1 で追加したクラスのいずれかを [カスタム CSS クラス] フィールドに入力します。
   1. この例では、テキスト フィールド コンポーネントを編集し、CSS クラス change を [カスタム CSS クラス] フィールド内に貼り付けます。
      保存すると、コンポーネントの色が赤に変わります。
      
      

      

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

      

      
      

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