How to Change Apply Button Color with CSS

I can't change the color of the "apply" button for stripe integration field using the css i found in other support chats...can you please assist..i want it to be black...here is link and i attached a screenshot

https://www.eluxetax.com/ero-sign-up.html

Hi Erica,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

Let me help you with that:

Jotform allows styling of form elements (including payment fields) using custom CSS, but the exact selector for the Stripe "Apply" button is not documented in the available information. What you can reliably do is inject custom CSS and test selectors directly on your form.

To inject custom CSS into your form:

1. Go to your form in Form Builder.
2. Click on the Form Designer (paint roller icon) on the right side.
3. Go to the Styles or Custom CSS section (depending on the interface) and locate the area where you can Inject Custom CSS.

Once there, you can try adding CSS rules that target buttons inside the Stripe payment field. For example, you can test rules like:

button {
background-color: #000000 !important;
color: #ffffff !important;
}

or, if you know the specific class or ID of the Stripe Apply button from your browser’s inspector, you can use that selector instead and set:

/* Example – replace .your-stripe-apply-selector with the real selector */
.your-stripe-apply-selector {
background-color: #000000 !important;
color: #ffffff !important;
}

If the Apply button is rendered inside an iframe by Stripe, its internal styles may not be fully controllable from the form’s CSS, and in that case the color might not be changeable from Jotform’s side.

After we hear back from you, we’ll have a better idea of what’s going on and how to help.

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

Can someone else please help with this

thank you

Hi Erica,

You are welcome.

If you still cannot get the Stripe Apply button to change color after trying CSS, it is likely because that specific button is rendered inside Stripe’s own iframe, which cannot be restyled from Jotform with custom CSS. In that case, the color unfortunately cannot be changed from within the form.

Let us know if you have any other questions.

just please let a live person help me

Hi Erica,

One of our Support Team members will take it from here to follow up shortly.

Let us know if you have any other questions.

Hi Erica,

We can easily change your Apply button's color by Injecting CSS Codes into your form. Let me show you how:

1. First, copy this code:

/*change apply button to black*/

#coupon-button  {

    border-color: black;

    background-color: black;

}

2. In Form Builder, click on the Paint Roller icon on the upper-right side of the page.

3. Then, in the Form Designer menu on the right, go to the Styles tab.

4. Finally, paste the CSS code into the Inject Custom CSS code field.

Let us know if you have any other questions.

it worked with this code

button { background-color: #000000 !important; color: #ffffff !important; }

thank you