Forms

フォームの送信ボタンの色を変更するにはどうしたらよいですか?

更新日時 November 28, 2016

COSランディングページ上のフォームの場合

  • [Content(コンテンツ)] > [Landing Pages(ランディングページ)]の順に進みます。
  • 該当するランディングページを見つけて編集します。
  • フォームの[Style(スタイル設定)]タブをクリックします。
  • ドロップダウンから[Form Button(フォームボタン)]を選択し、送信ボタンのスタイルを設定します。
ユーザー追加画像
ランディングページを保存して更新します。

外部ページに埋め込まれたフォームの場合

埋め込みコードを変更します。

  • カスタムCSSクラスをフォームの埋め込みコードに追加します。
  • これは、属性'submitButtonClass'を追加することにより実行できます。
  • コード例:
  • これにより、フォームの送信ボタンからデフォルトのスタイル設定がすべて削除されます。 次に、CSSをページのヘッドまたはスタイルシートに追加する必要があります。 .my-awesome-submit-button {background-color:red; padding:10px;}
      • 他の方法として、HubSpotの既定のスタイル設定を無効にし、埋め込みコードを変更せずにスタイルシートでCSSセレクタを使用することもできます。
    • 例:input{ background: #ff0000; }
  • これで送信ボタンは赤になります。

    • 埋め込みコードのカスタマイズの詳細については、開発者向けドキュメントを参照してください。関連記事:
    • 埋め込みコードのカスタマイズの詳細については、開発者向けドキュメントを参照してください。関連記事:
    • 埋め込みコードのカスタマイズの詳細については、開発者向けドキュメントを参照してください。関連記事:

    埋め込みコードのカスタマイズの詳細については、開発者向けドキュメントを参照してください。関連記事: