SORU
16 EYLÜL 2009, ÇARŞAMBA


İşaretli radyo düğmesi için CSS seçici's etiketi

İşaretli radyo düğmesi için bir etiket(3) css stili uygulamak mümkün mü?

Aşağıdaki biçimlendirme var:

<input type="radio" id="rad" name="radio"/>
<label for="rad">A Label</label>

Umduğum şey bu

label:checked { font-weight: bold; }

bir şeyler yapmak istiyorsunuz, ama ne yazık ki beklediğim gibi değil.

İşlevsellik bu tür elde edebilen bir seçici var mı? Etiket kullanan bu yardımcı olur, ama en iyi çözüm olur, Eğer siz divs ile surround "" özniteliği. vb

Benim uygulama için tarayıcılar belirlemek mümkün olduğumu belirtmek gerekir, sınıf css3 vb en iyi lütfen.

CEVAP
16 EYLÜL 2009, ÇARŞAMBA


input[type="radio"]:checked label{ font-weight: bold; } 
 //a label that immediately follows an input of type radio that is checked 

çok güzel aşağıdaki biçimlendirme için çalışır:

<input id="rad1" type="radio" name="rad"><label for="rad1">Radio 1</label>
<input id="rad2" type="radio" name="rad"><label for="rad2">Radio 2</label>

... ve ya divs vs olmadan herhangi bir yapı için etiket radyo girişi izlediği sürece çalışacaktır.

Canlı Demo :http://jsfiddle.net/xhmaqtwn/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • FullMag

    FullMag

    15 ŞUBAT 2007
  • NikkoNantone

    NikkoNantone

    21 Kasım 2011
  • The Onion

    The Onion

    14 Mart 2006