2009-05-20 4 views
1

Ich habe Stil mein Radiobuttons mit einem Hintergrundbild, im Grunde, was ich getan habe, istVerborgene Radiobutton aber Kästchen um es in IE8

<input type="radio" id="btn" name="btn" style="opacity: 0;filter: alpha(opacity = 0);position:absolute;"> 
<label for="btn">My Text</label> <!--- added styles to it ---> 

mit diesem i-Ausgang so etwas wie diese

Image1 that shows how the display should be: http://i39.tinypic.com/2vcyidg.png 
erhalten

es funktioniert in jedem Browser außer ie8, in IE8 es zeigt ein gepunktetes Feld um versteckte Tasten, wenn ein Label ausgewählt ist

Image2 shows the problems in ie8: http://i39.tinypic.com/j8l635.png 

Ich kann die Eigenschaft Anzeige nicht wählen: keine; Wie in IE-Browsern deaktiviert es die Radiobuttons, also muss ich es verstecken.

Wie kann ich diese gepunktete Box in ie8 verstecken?

Vielen Dank.

Grüße,

Shishant Todi.

+0

Ich versuchte sogar Rand hinzufügen: 0; – Shishant

Antwort

2

, wenn Sie Javascript verwenden können:

<input onfocus="this.blur()" type="radio" id="btn" name="btn" style="opacity: 0;filter: alpha(opacity = 0);position:absolute;" /> 
+0

Vielen Dank – Shishant

+0

Es funktionierte, aber immer noch gab es eine kleine Unschärfe zeigen/verstecken, also habe ich es links: -999px; – Shishant

+1

dies ist sehr, sehr hackish, was bedeutet, dass es wahrscheinlich zu brechen, wenn die Sterne nicht perfekt ausgerichtet sind (IE-Version, js aktiviert, etc.). Ich würde sehr empfehlen, herauszufinden, warum für Sie nicht funktioniert. – yaauie

3

Gibt es einen Grund, warum Sie nicht < input type = "hidden" /> verwenden?

+0

Ja, bevor ich ausprobiert habe und erfolgreich die Werte an Formular übergeben habe, aber ich weiß nicht, warum alles andere außer Formular-Upload nicht funktionierte. – Shishant

+0

Ich werde besser sein, wenn Sie herausfinden, warum alles nicht funktioniert, und versteckte Eingabe verwenden. –

0

Ich hatte ein ähnliches Problem, bei dem meine Radio-Buttons und Checkboxen Grenzen wurden zeigt, sondern nur im Internet Explorer. In meinem Fall war dies ein CSS-Problem, bei dem diese Eingaben genauso behandelt wurden wie Texteingaben. Ich habe einfach eine neue Klasse im Stylesheet definiert und einen Rand von null px angegeben.

Verwandte Themen