Form Submit Button styling

Sarah8382 · ‎May 8, 2019

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

Adesignl · ‎May 13, 2019

Add this to your button styles

-webkit-appearance: none;

that should fix it

View solution in original post

sharonlicari · ‎May 13, 2019

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 !

Adesignl · ‎May 13, 2019

Add this to your button styles

-webkit-appearance: none;

that should fix it

View solution in original post

sharonlicari · ‎May 14, 2019

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 !

Sarah8382 · ‎May 14, 2019

Hi There,

Thank you, that worked!