Really odd form radio and checkbox behavior

[roattw]

On mobile phone my checkboxes are behaving oddly.  PC or laptop version fine.

In phone responsive mode the checkbox selected shows 2 checkmark...

And radio buttons show one button and one vertical line.  The line is a button, select it and it becomes a button and the other one becomes just a line.

 

Im baffled.   :smileytongue:

[IMDora]

Hi roattw,

You can add this code in your styles:

input[type="checkbox"]
        {
            -webkit-appearance: checkbox;
        }
 

or this code on the header of your DataPage:

<style>

input[type="checkbox"]
        {
            -webkit-appearance: checkbox;
        }

</style>

You can add do this if above code does not help

-webkit-appearance: checkbox !important;

Hope that helps.