Button Styling: Difficulty Choosing Button Color with Classes

  • W
    Woodforest Acceptance Solutions
    Asked on March 25, 2026 at 4:21 PM

    Nothing about your button classes!? Why is choosing a color for a damn button so hard?

  • Profile Image
    Joseph Christian JotForm Support
    Replied on March 25, 2026 at 4:29 PM

    Hi Woodforest Acceptance Solutions,

    Thanks for reaching out to Jotform Support. Changing the color of the Submit button is really easy. There are two ways to do it. Let me first walk you through it in Form Builder:

    1. Open your form in Form Builder, and click on the Submit button to select it.
    2. Click on the Gear icon on the right side of the Submit button
    3. Under the General tab, click on Change Button Style and select any of the ready-made styles. 

    
Button Styling: Difficulty Choosing Button Color with Classes
Image-1 The second one is injecting a CSS code to your form. Let me show you how:

    1. First, copy this code:

    .submit-button {
       background-color: #000000;
       border-color:#c2ff7c;
       color: #c2ff7c;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    
Button Styling: Difficulty Choosing Button Color with Classes
Image-2 You can change the background color, border color, and text color by customizing the CSS code with your own hex code. If that’s not quite what you’re looking for, can you share a bit more info so I can help you better?

    Give it a try and let us know how it goes.