2009-06-17 5 views
5

Die unten ist in StylesheetRadio-Buttons verschwinden in das heißt und Chrom

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

Die unten in html ist

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

Es ist perfekt in Firefox aber Chrom und IE zeigen nicht Radio-Buttons? Warum?

+0

ich kann nicht sagen, ob vielleicht haben Sie den Code nicht richtig kopieren/einfügen, aber Ihr td ist nicht richtig closted und Sie haben eine Leerzeichen im Rand-links – Geoff

+0

ist eine Kopie einfügen Tippfehler - sorry – dhaval

Antwort

7

Es ist, weil Sie den Radio-Button gesagt haben 0% groß zu sein - was 0px ist - was nicht da ist.

Sie können dies umgehen, indem die Höhe und Breite zu sagen ‚auto‘ sein, die sie zurückgesetzt werden (es sei denn es eine Regel ist, die spezifischere woanders im Stylesheet ist)

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

ja thts funktioniert Ich wollte die Regel der generischen wählen, wie es all inclusive war und Eingabe ['Text'] funktionierte nicht gut, thx so viel – dhaval

+0

Eingabe ['Text'] ist kein gültiger CSS-Selektor, ich denke, dass Sie gemeint haben den 'Attributselektor' zu verwenden, der eingegeben werden würde [type = text] - aber das funktioniert nicht in IE6, also liegt es an Ihnen, die Entscheidung zu treffen, ob Sie IE6 unterstützen wollen oder nicht :) – iblamefish

1

Warum haben Sie eine Höhe und Breite von 0% für sie angegeben? Ich vermute, das ist der Grund, warum IE und Chrome den Radiobutton nicht anzeigen, da sie eine Größe von 0 Pixeln haben.

3

Meine Schätzung ist die "Breite: 0%; Höhe: 0%" in Ihrer input.myradio Klasse. Sie brauchen eine Breite und Höhe.

Try this:

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

überschreiben es über die generische select rule die nicht geeignet ist für radio und geben eine manuelle breite entweder in% oder em oder px funktioniert nicht, ich weiß nicht warum aber auto funktioniert – dhaval

+0

ja, auto ist richtiger, danke – jlarson

-2

Sie benötigen zu setzen Radiobutton innerhalb <form> Tag und sie in Chrome und IE erscheint:

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

Doesn arbeite nicht in Chrom, es ist nicht die Lösung. – Alex2php