---
title: "フォームのスタイリングを変更する"
slug: "change-the-styling-of-a-form"
abstract: "フォーム要素のCSSスタイルを設定する方法。"
---
# フォームのスタイリングを変更する

フォームに会社のブランドを反映させるために、色やフォントなどのスタイリングを加えることができます。

![Example of a form with styling](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/FormDemoExample.png)

テキストに追加できるHTMLスタイルのほかに、すべてのフォーム要素のCSSスタイルを設定したり、フィールドとラベルのCSSクラスを定義することもできます。

フォームのスタイルを変更するには:

1.  フォームダッシュボードで、スタイルをつけたいフォームの名前をクリックします。
    
2.  キャンバス上で、スタイリングしたいフォームフィールドをクリックします。
    
3.  **フォーム要素**ペインのス**タイリング**セクションの**CSSクラス**フィールドで、そのフィールドのクラスを入力します。
    
    クラスを手動で入力することも、定義されていればあらかじめ決められたリストから選択できます。
    
    ![Use CSS class field to color the submit button example.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/StylingSectionCSSclass.png)
    
4.  **CSSクラスのラベル**フィールドで、ラベルのクラスを入力します。
    
    ![Inline checkbox CSS class for label example.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/StylingSection101andlater.png)
    
    > !注ウェブサイトに公開する前にフォームをプレビューすることをお勧めします。フォームアプリケーションでの表示方法は、ウェブページの実際のフォームのスタイルを反映していない場合があります。