2013-06-06 9 views
6

Mam przyciski radiowe i pola wyboru z każdą etykietą po prawej stronie.Sformatuj wszystkie etykiety po zaznaczeniu pola wyboru i przycisku opcji z selektorem css

Chcę sformatować etykietę z marginesem-lewo: 10px; mieć daleki od kontroli radion/kontroli.

input[type="checkbox"], input[type="radio"] label { 
    margin-left:10px; 
} 

Ten css porusza się jakoś cały kontrola + etykieta 10px po prawej stronie ...

Chcę tylko lewy margines na etykiecie.

Co muszę zmienić w moim selektorze?

+0

użyć operatora sąsiadujący "+", gdy element znajduje się obok. W obecnej formie znacznik etykiety jest zagnieżdżony w znaczniku wejściowym - ale jest to niemożliwe, ponieważ znacznik wejściowy jest pojedynczym, zamykającym się znacznikiem. – ProfileTwist

Odpowiedz

14

input[type="radio"] label szuka label że to dziecko o input[type=radio] chcesz:

input[type="radio"] + label 

do sąsiedniej wytwórni rodzeństwem

2

musisz określić je oddzielnie. W twoim stylu css zastosowałeś ten styl również do input[type="checkbox"].

Do tak:

DEMO http://jsfiddle.net/aJPaq/

input[type="checkbox"] + label, input[type="radio"] + label { 
    margin-left:10px; 
} 
Powiązane problemy