SIGN UP

Overriding webkit appearance in forms

By: Matt Clute | Asked: 03/07/2024
Forums › Category: General questions › Overriding webkit appearance in forms
Vote Up 0 Vote Down
Matt CluteMatt Clute asked 12 months ago

Has anyone had success in overriding webkit appearances with forms? Specifically the iOS select fields? I have tried using the 'webkit-appearance: none' attribute in CSS without any effect. Thanks for any feedback!

2 Answers
Vote Up 1 Vote Down
Best Answer
Faisal AhammadFaisal Ahammad answered 12 months ago

Hi Matt,
You can disable the webkit appearance for select fields using the following code.

.frm_form_field select {
    -webkit-appearance: none !important;
}

Before:

After:

Give it a try and let me know how that goes! 😄
Send DataSend Data

Vote Up 0 Vote Down
Matt CluteMatt Clute answered 12 months ago

Thank you Faisal!

Faisal AhammadFaisal Ahammad replied 12 months ago

You're welcome, Matt.

Is there anything else I can help you? 😄

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right