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

  • CaliforniaMetin

    CaliforniaMe

    3 ŞUBAT 2013
  • Chuck Testa

    Chuck Testa

    14 AĞUSTOS 2011
  • Vagrant Records

    Vagrant Reco

    8 Mayıs 2006