Question

The below is in style sheet

 select,input ,td a {border:1px solid green; width:25%;height:25px;font-size:20px;margin-  left:.1em;}
input.myradio {border:none;width:0%;height:0%;font-size:0%;}

The below is in html

<td><input class="myradio"  type="radio" name="poolstatus" value="Add">Add</input><td>

It’s perfect in firefox but chrome and IE are not showing radio buttons? Why so?

Answer 1

It’s because you have told the radio button to be 0% tall – which is 0px – which is not there.

You can override this by telling the height and width to be ‘auto’ which will reset them (unless there’s a rule which is more specific somewhere else in the stylesheet)

input.myradio {
  border:none;
  width:auto;
  height:auto;
}