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

  • Joseph Herscher

    Joseph Hersc

    14 Mart 2007
  • listedabive

    listedabive

    30 Ocak 2007
  • JeezyVEVO

    JeezyVEVO

    12 Mayıs 2009