2009-06-17 7 views
5

Le dessous est en feuille de styleboutons radio disparaissent dans IE et chrome

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 dessous est en html

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

Il est parfait dans Firefox, mais Chrome et IE ne s'affichent des boutons radio? Pourquoi ça?

+0

Je ne peux pas dire si peut-être vous ne l'avez pas copier/coller le code correctement, mais votre td n'est pas closted correctement et vous avez un espace dans margin-left – Geoff

+0

son une copie de pâte typo - désolé – dhaval

Répondre

7

C'est parce que vous avez dit sur le bouton radio à 0% de haut - qui est 0px - qui est pas là.

Vous pouvez remplacer en racontant la hauteur et la largeur d'être « auto » qui les remettre à zéro (sauf si il y a une règle qui est plus spécifique ailleurs dans la feuille de style)

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

oui ça fonctionne , je voulais contourner la règle de sélection générique car il était tout compris et entrée ['texte'] ne fonctionnait pas bien, tant que – dhaval

+0

entrée ['texte'] n'est pas un sélecteur CSS valide, je pense que vous vouliez dire pour utiliser le "sélecteur d'attribut", qui serait une entrée [type = text] - mais cela ne fonctionne pas dans IE6, donc c'est à vous de décider si vous voulez ou non supporter IE6 :) – iblamefish

1

Pourquoi avez-vous une hauteur et largeur spécifiée de 0% pour eux? Je suppose que c'est pourquoi IE et Chrome ne montrent pas le bouton radio, s parce qu'ils ont une taille de 0 pixels.

3

Ma conjecture est la "width: 0%; 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;} 
+0

il overriding sur la règle de sélection générique qui ne convient pas à la radio et donnant une largeur manuelle en% ou em ou px ne fonctionne pas, je ne sais pas pourquoi mais fonctionne automatiquement – dhaval

+0

oui, auto est plus correct, merci – jlarson

-2

Vous devez mettre votre bouton radio dans <form> étiquette et ils apparaîtront dans Chrome et IE:

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

Doesn Ne travaillez pas en chrome, ce n'est pas la solution. – Alex2php

Questions connexes