Update Submit background and text color when hovered.

  • HasnaeEG
    Fecha de consulta 24 de noviembre de 2023, 7:52
    Por otro lado, el botón de "enviar" al pasar el ratón me gustaría que se pusiera en color #f8eef8 y el texto en negro. ¿Es posible?
  • Christopher Jotform Support
    Fecha de respuesta 24 de noviembre de 2023, 7:59

    Hi HasnaeEG,

    Thanks for reaching out to Jotform Support. Unfortunately, our Spanish Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Spanish, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. Please inject the provided CSS code into your form. Here's how to do it:

    • In Form Builder, on the right side of the screen, click on the Paint Roller icon.
    • Go to Styles and scroll down to Inject Custom CSS.
    • Paste the provided CSS code under Inject Custom CSS.

    Update Submit background and text color when hovered Screenshot 30

    /*Change text and background color of Submit button when hovered - 9416361*/
    li[data-type="control_button"] .form-submit-button:hover {
        color: black;
        background-color: #f8eef8;
    }

    Result:

    Update Submit background and text color when hovered Screenshot 41

    Let us know if there’s anything else we can help you with.