CSS conflict with Gravity Forms

Hi,

unfortunately there is a css problem on our gravity-forms page:


The arrow on the right side oft the drop-down list (select input) is missing. The drop-down list („Starter“, „Toplevel“, ...) looks like a textbox. 

css/shortcodes.css?ver=20.9.6.2 sets the appearance property to "none" which turns off the default browser styling for that control ("-webkit-appearance: none;")

It looks like BeTheme will overwrite the Gravity CSS settings: 

line-height (to much)
margin (example: the distance between "WordPress Hosting Tarif auswählen*" = fieldname  and "Starter" = drop-down list)

How can I fix it?

THX

Comments

Sign In or Register to comment.