Radiobuttons and checkboxes not rendering correctly in Firefox/IE/Edge but correctly in Chrome

Janno Hordijk
9 Posts
Janno Hordijk posted this 15 September 2017

I've created a WordPress Themler theme with a form using FS Contact Form plugin. This form generates standard input fields and checkboxes/radiobuttons. It all seems ok in Google Chrome but viewing the form in IE, Edge and/or Firefox the checkboxes and radiobuttons are falling back to default lay-out.

See Themler-1.png attachment for Chrome and Themler-2.png for FireFox.

I think that these buttons are rendered through Bootstrap (code generated by Themler). What can I do to not only have it displayed correctly in Chrome but also in the other browsers?

Best regards, Janno

I've created a WordPress Themler theme with a form using FS Contact Form plugin. This form generates standard input fields and checkboxes/radiobuttons. It all seems ok in Google Chrome but viewing the form in IE, Edge and/or Firefox the checkboxes and radiobuttons are falling back to default lay-out. See Themler-1.png attachment for Chrome and Themler-2.png for FireFox. I think that these buttons are rendered through Bootstrap (code generated by Themler). What can I do to not only have it displayed correctly in Chrome but also in the other browsers? Best regards, Janno
Vote to pay developers attention to this features or issue.
1 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 15 September 2017

Hi,

Does the issue happen with the default WP theme? The style of the radiobuttons and checkboxes is controlled by browser. Theme does not provide specific styles for these elements.

Thank you,
Olivia

Hi, Does the issue happen with the default WP theme? The style of the radiobuttons and checkboxes is controlled by browser. Theme does not provide specific styles for these elements. Thank you, Olivia
You must log in or register to leave comments