-
afckredietenAsked on April 14, 2016 at 7:18 AM
Hey guys,
Since a few weeks i have problems with all of my forms. they do no show up correctly in Chrome, and Opera
but IE, Firefox, Edge are ok. I've took some screenshots.
The first dropdown is miserable, i can't use this? How can i make this working properly?
The screenshots are from a form in a wordpress site, you can take a look for youreselve
http://146.185.135.248/nieuwe-wagen/
This is the same form in Firefox, and is shown correct
The same form directly in jotform (so you see this isnt a wordpress problem)
this is the form: https://form.jotformeu.com/60561555261352
screenshot of it in google chrome
How can i make this work? I do need this in a dropdown, but this need to bee shown correctly
-
mert JotForm UI DeveloperReplied on April 14, 2016 at 8:54 AM
Hi there,
The problem is occurring from the "-webkit-appearance" rule for dropdowns in your form, it has set to the "menulist" which is problematic on Chrome. Generally, dropdowns' stylings are changing with respect to the browsers or OS, so it is a usual thing, you need to choose its style wisely.
Below, I choose the "caret" for "-webkit-appearance", it is similar to the "menulist" and has compatibility for both browsers.
Please, inject the following CSS rule to your form:
.form-dropdown {
-webkit-appearance: caret !important;
}
Also, see the effects on your form:
In addition, we can add some other styling, if you want. Please, don't forget to let us know the results.
Regards.
-
afckredietenReplied on April 14, 2016 at 9:46 AM
Ok thanks,
What the other styling concerns, suggestions are welcome
I have a problem, but nothing with styling i will open another topic for it.
-
afckredietenReplied on April 14, 2016 at 9:51 AM
-
mert JotForm UI DeveloperReplied on April 14, 2016 at 9:57 AM
It seem like it is a different subject than the first one, so I opened a new thread for that one. You can easily access it through the link below:
https://www.jotform.com/answers/818404
It will be answered in short.