CODEWITHSUNDEEP
htmlcss
sgchecker
sgchecker

Reputation: 63

Form Radio not working

http://caveo.sg/gama/motor-insurance-2.php

The radio button not working. Seems like the CSS problem but i cannot get a solution.

in the HTML code as follows:

<input type="radio" name="gender" value="male" id="gender1"/>Male
<input type="radio" name="gender" value="female" id="gender2"/>Female

in CSS, code:

input,
textarea {
  border-radius: 0 !important;
  outline: none !important;
  -webkit-appearance: none;
}

Upvotes: 1

Views: 775

Answers (2)

josser1995
josser1995

Reputation: 45

The problem is you use a label. Remove the label and it will works :) You can also use a label, but use it for one input type(radiobutton.) When you use it for a group it doens't work.

(This problem can be for Firefox only)

Upvotes: 1

G&#246;kalp Demirbağ
G&#246;kalp Demirbağ

Reputation: 108

u must remove the -webkit-appearance: none;

-webkit-apperance = Make a element look like a button or something

Upvotes: 1

Related Questions