SIGN UP

Overriding webkit appearance in forms

By: Matt Clute | Asked: 03/07/2024
Forums › Category: General questions › Overriding webkit appearance in forms
0 Vote Up Vote Down
Matt CluteMatt Clute asked 10 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
1 Vote Up Vote Down
Best Answer
Faisal AhammadFaisal Ahammad answered 10 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
0 Vote Up Vote Down
Matt CluteMatt Clute answered 10 months ago
Thank you Faisal!
Faisal AhammadFaisal Ahammad replied 10 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