検索フォームへ追加スタイルを設定する

検索フォームのレイアウトカスタマイズを行っている中で
スタイルシートの編集を行いたい場合が場面が多々出てくるかと思います。

 

その場合、「追加スタイル」の項目に、ご自身でスタイルを記述して頂く事で
自由に検索フォームのカスタマイズを行うことが可能です。

 

 

検索フォーム設定画面上部メニューの「フォームの表示設定」をクリックします。

 

 

「検索フォームの表示設定」画面上の『追加スタイル』タブを選択してください。

 

 

すると、下図の追加スタイル設定画面に切り替わります。
この画面で、検索フォームの追加スタイルの設定を行います。

 

 

 

ユーザー指定スタイルシートの項目に、ご自身でスタイルを記述します。
たとえば下記の例では、検索フォームの背景色を、灰色ベースに変更しています。
検索フォームに関するスタイルシートの記述であれば、原則としてどのような記述内容でも問題ありません。

 

 

以上の設定でスタイルシートのカスタマイズが完了です。
カスタマイズが完了したら「OK」ボタンをクリックして、検索フォームプレビューで確認してみましょう。