Form Submit Button styling

SOLVE
New Contributor

Hi There,

I've got a form that has a solid color submit button, however, on mobile it seems to convert it to a gradient filled button.  

 

https://energy-provider.energylocals.com.au/happy-2?hs_preview=OcndMrfg-9043547880

 

I can only see it happening on an actual mobile device - not a desktop screen resized for mobile so I can't seem to inspect the code.

Any ideas?

Thanks

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Solution
Top Contributor | Gold Partner

Add this to your button styles

 

-webkit-appearance: none;

 

that should fix it

View solution in original post

4 Replies 4
Community Manager

Hey @Sarah8382 

 

Are you still having this issue? I navigate to your page from my mobile and I am not able to see what are you describing. 

Could you please send me a screenshot? Also could you please send me the code you are using?

 

Thank you 

Sharon

 

CC: @jennysowyrda 


¿Sabías que la Comunidad está disponible en Español?
¡Participa hoy en conversaciones en el idioma de tu preferencia,cambiando el idioma en tus configuraciones!

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


Reply
0 Upvotes
Solution
Top Contributor | Gold Partner

Add this to your button styles

 

-webkit-appearance: none;

 

that should fix it

View solution in original post

Community Manager

Hey @Adesignl 

 

Thank you for helping out 🙂 

 

@Sarah8382 please let us know if this was helpful for you 

 

Best,

Sharon


¿Sabías que la Comunidad está disponible en Español?
¡Participa hoy en conversaciones en el idioma de tu preferencia,cambiando el idioma en tus configuraciones!

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


Reply
0 Upvotes
New Contributor

Hi There,

 

Thank you, that worked!

Reply
0 Upvotes