2016-07-22 6 views
2
<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 
<body> 
<div class="radio-toolbar"> 
<label for="mylabel-1"><input type="radio" id="mybutton-1" checked>All</label> 
<label for="mylabel-2"><input type="radio" id="mybutton-2" >Open</label> 
<label for="mylabel-2"><input type="radio" id="mybutton-3" >Archived</label> 
</div> 
</body> 
</html> 

i CSS-Stile zur Eingabe von Radiobutton im Etikett hinzufügen möchten, ich möchte nicht, CSS außerhalb Label hinzuzufügen ** ** ist es möglich?Wie fügt man Stile hinzu, um ein Radioelement innerhalb des Etiketts einzugeben? Ist das möglich?

+1

ja 'label input [type = radio] {...}' –

+0

können Sie ein Beispiel geben? – Venky559

Antwort

3

Hier ein Beispiel:

label input[type=radio]{ display:none; }

Weiter mehr, müssen Sie dies nutzen (gleichen Namen für Radio-Buttons verwendet nur one.Otherwise wählen, es sieht aus wie Kontrollkästchen)

<label for="mylabel-1"><input name="rd" type="radio" id="mybutton-1" checked>All</label> 
<label for="mylabel-2"><input name="rd" type="radio" id="mybutton-2" >Open</label> 
<label for="mylabel-2"><input name="rd" type="radio" id="mybutton-3" >Archived</label> 
+0

danke (verwenden Sie den gleichen Namen für Radio-Buttons, um nur eine zu wählen.Andernfalls sieht es wie Checkboxen) und dislpay: keine funktioniert können Sie Farbe hinzufügen: rot, dann sagen, ist es Arbeit oder nicht – Venky559

+1

Bitte versuchen Sie es: http://jsfiddle.net/ionutmihai1995/nmu8H/1043/ –

+0

danke bro seine Arbeit – Venky559

Verwandte Themen