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

  • LearnCode.academy

    LearnCode.ac

    20 Aralık 2012
  • Megan Parken

    Megan Parken

    19 Temmuz 2009
  • sonia989

    sonia989

    26 EKİM 2006