les boutons radio disparaissent en ie et en chrome

Question

Ce qui suit est dans la feuille de style

 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%;}

Le texte ci-dessous est en HTML

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

C’est parfait dans Firefox mais Chrome et IE ne montrent pas de boutons radio? Pourquoi ça?

Answer 1

C'est parce que vous avez dit au bouton radio qu'il fait 0% de hauteur, ce qui correspond à 0px, ce qui n'existe pas.

Vous pouvez remplacer cela en indiquant "auto" pour la hauteur et la largeur, ce qui les réinitialisera (sauf s'il existe une règle plus précise ailleurs dans la feuille de style)

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

Answer 2

Je suppose que c'est la & largeur; 0%; la hauteur: 0% " dans votre classe input.myradio. vous avez besoin d'une largeur et d'une hauteur.

Essayez ceci:

input.myradio {border:none;width:1em;height:1em;}

Answer 3

Pourquoi leur taille et leur largeur sont spécifiées à 0%? Je suppose que c’est la raison pour laquelle IE et Chrome n’affichent pas le bouton radio, car ils ont une taille de 0 pixel.

Answer 4

Vous devez placer votre bouton radio dans la balise <form> et ils apparaîtront dans Chrome et IE:

<form><input type="radio" /></form>