Jump to content
  • 0
roattw

Really odd form radio and checkbox behavior

Question

At ucstroke.com on a mobile phone my checkboxes are behaving oddly.  PC or laptop version fine.

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

checks.thumb.png.2e1235fdf9abd9091c21bb995ad1819d.png

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.

radio2.thumb.png.df269c7d51eddb9c61db7f9eeeb0e05f.pngradio.thumb.png.49aef60390a8d4f1084462d76a95316d.png

 


Im baffled.   :smileytongue:

Share this post


Link to post
Share on other sites

1 answer to this question

Recommended Posts

  • 0

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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...