HTML5 displaying problems - cannot see check boxes or radio buttons

lam09
Member

I've been trying for months now to sort this and I really need help. See the form here. I've messed with the CSS and I just cant figure out how to get the radio buttons and check boxes to display.

I love the way the form looks in preview, but when my sites style sheet is applied it wrecks the form.

Is there anyway I can ask the form not to use my sites css but to use it's own?

Here is the form: http://tinyurl.com/c9scdnu

Posted 11 years ago on Friday May 31, 2013 | Permalink
Richard Vav
Administrator
In your theme's main.css file you have the following rule
```
input, textarea, button {
outline: none!important;
background: none;
border-radius: 0;
box-shadow: 0!important;
-webkit-appearance: none!important;
}
```
It is the -webkit-appearance: none!important; rule that is causing your problems, you can either remove that or you can add the following new rules lower down the file to override it
```
.gform_wrapper .gfield input[type=radio] {
-webkit-appearance: radio !important;
}
.gform_wrapper .gfield input[type=checkbox] {
-webkit-appearance: checkbox !important;
}
```
Regards,
Richard
Posted 11 years ago on Friday May 31, 2013 | Permalink