https://legacy.forums.gravityhelp.com/topic/html5-displaying-problems-cannot-see-check-boxes-or-radio-buttons Gravity Support Forums Topic: HTML5 displaying problems - cannot see check boxes or radio buttons en-US Sun, 19 Apr 2026 22:10:34 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/html5-displaying-problems-cannot-see-check-boxes-or-radio-buttons#post-291999 Fri, 31 May 2013 06:04:37 +0000 Richard Vav 291999@https://legacy.forums.gravityhelp.com/ <p>In your theme's main.css file you have the following rule<br /> <pre><code>input, textarea, button { outline: none!important; background: none; border-radius: 0; box-shadow: 0!important; -webkit-appearance: none!important; }</code></pre> <p>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<br /> <pre><code>.gform_wrapper .gfield input[type=radio] { -webkit-appearance: radio !important; } .gform_wrapper .gfield input[type=checkbox] { -webkit-appearance: checkbox !important; }</code></pre> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/html5-displaying-problems-cannot-see-check-boxes-or-radio-buttons#post-291832 Fri, 31 May 2013 05:06:30 +0000 lam09 291832@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>I love the way the form looks in preview, but when my sites style sheet is applied it wrecks the form.</p> <p>Is there anyway I can ask the form not to use my sites css but to use it's own?</p> <p>Here is the form: <a href="http://tinyurl.com/c9scdnu" rel="nofollow">http://tinyurl.com/c9scdnu</a> </p>