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

検索フォームのレイアウトカスタマイズを行っている中で
スタイルシートの編集を行いたい場合が場面が出てくるかと思います。
その場合「追加スタイル」の項目に、ご自身でスタイルを記述して頂く事で
自由に検索フォームのカスタマイズを行うことが可能です。

 

 

検索フォーム画面の上部ツールバー上にある「」→「フォームの表示設定」をクリックします。

 

 

「検索フォームの表示設定」画面上にある『追加スタイル』タブを選択してください。
すると、下図の追加スタイル設定画面に切り替わります。
この画面で、検索フォームの追加スタイルの設定を行います。

 

 

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

 

 

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