Geek Answers Handbook

The radio camera does not appear on safari and chrome

I have limited knowledge in HTML and CSS. Please excuse me if this is a stupid question. I tried differently but could not solve this problem.

http://teddyslist.com/dev/register.php

At the bottom of the page there is a switch labeled "Preferred Contact Mode."

<input type="radio" name="preferredcontact" value="P"> Phone
<input type="radio" name="preferredcontact" value="E"> Email

Radio buttons are displayed in Firefox and even in IE. But they do not appear in Chrome and Safari. This is very strange for me. I think there is some conflict in CSS.

+6
source share
4 answers

When I checked your code, I saw that you have the style -webkit-appearance: none;that is specified for input, textarea, buttoninrealsite.css

CSS is as follows

input, textarea, button {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    resize: none;
}

, -webkit-appearance: none; CSS ,

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

enter image description here

+19

, Bootstrap CSS , , , Chrome, Firefox IE, Bootstrap CSS, , "form-control" . , "form-control" , . "form-control" , . , Chrome, , , Bootstrap CSS.

+1

-webkit-appearance: none;

Check the boxes and radio. You need to style the flags so that they appear, or just get rid of the look: none

How to check a box using CSS?

0
source

If you use:

input{

   display:none;

}

then the switch will not be displayed. It defaults todisplay: none;

Change this to:

input{

   display: inline;

}

and it will be seen.

0
source

More articles:


All Articles