マウスオーバーしたときのボタンの色を変える方法

  • YGCmihonichi
    2023年11月16日 4:26に質問
    nd I'd like to know how to change the button color when mouse over on that.
  • Nozomi_K Jotform Support
    2023年11月16日 4:51に返信

    こんにちは、中嶋様。

    この度はJotformサポートにお問い合わせいただきありがとうございます。これを調べるに少しお時間をいただきます。できるだけ早くお返事させていただきますので、今しばらくお待ちくださいませ。

    ご理解とご協力ありがとうございます。

  • Nozomi_K Jotform Support
    2023年11月16日 5:22に返信

    こんにちは、中嶋様。

    この度はJotformサポートにお問い合わせいただきありがとうございます。CSSコードを使用することで、表示方法を変更する事ができます。下記のCSSコードを上の手順に従ってフォームデザイナーから入力してください。#8d5959はカラーコードです。変更するにはこのリンクを参考にしてください。その方法をお見せします:

    .qq-upload-button-hover {
     background: #8d5959 !important;
    }


    1. フォームビルダーからフォームデザイナーのペイントのマークをクリック。
    2. タブのオプションからスタイルを選択します。
    3. 下にスクロールし、そこにCSSコードを入力し、保存をクリック。

    マウスオーバーしたときのボタンの色を変える方法 Image 1 Screenshot 40

    するとこのようにカラーを変更する事ができます:

    マウスオーバーしたときのボタンの色を変える方法 Image 2 Screenshot 51 また、ボタンのスタイルも変更できます。その方法をお見せしましょう:

    1.  ファイルアップロードのフィールドの歯車アイコンをクリックします。
    2.  複数タブに移動します。
    3.  ボタンのスタイルの下にあるスタイルの選択ボタンをクリックします。

    マウスオーバーしたときのボタンの色を変える方法 Image 3 Screenshot 62 お試しいただき、他にもご質問がある場合はお気軽にお問い合わせください。

  • YGCmihonichi
    2023年11月17日 3:24に返信

    こんにちは、Nozomi_K様。

    ご連絡ありがとうございます。1スレッドに1つの質問という認識がなく、お手数おかけいたしました。

    またアップロードボタンのマウスオーバーのアクションの件、教えていただいたCSSで実現しました。ありがとうございました。

    送信ボタンにも同じくCSSを入力したのですが、こちらはうまく作動しません。どこか間違いがありますでしょうか?

    お手数ですがご確認のほど、よろしくお願いいたします。

    中嶋

    マウスオーバーしたときのボタンの色を変える方法 Image 1 Screenshot 20 Screenshot 10

  • Nozomi_K Jotform Support
    2023年11月17日 5:29に返信

    こんにちは、中嶋様。

    お返事いただきありがとうございます。混乱を避けるために新しい質問を別のスレッドに分けさせていただきました。こちらからご確認いただけます。

    宜しくお願いいたします。