Ayrı CSS ben girdi metin kutularının her ikisiyle için etiket kullanmış girişi

Question

etiketlemek için Farklı giriş tipleri için etiketler. Ben genel bir etiket css yaparsanız

:

label { 
    color: #00a8c3; 
    line-height: 20px; 
    padding: 2px; 
    display: block; 
    float: left; 
    width: 160px; 
} 

Ben de hizalanmamış onay kutularını veya kötü konumlandırılmış textboxes ile bitirmek bulabilirsiniz.

Answer 1

. Örneğin:

<label for="Username" class="textbox-label">Username</label> 
<input id="Username" type="text" value=""> 

<label for="Live" class="checkbox-label">System is Live</label> 
<input id="Live" name="Live" type="checkbox" value="false"> 

Ardından CSS sınıf değerlerini kullanmak:

label.textbox-label { 
/*some styles here*/ 
} 

label.checkbox-label { 
/*some styles here*/ 
} 

Alternatif olarak, girişler sonra etiketleri olsaydı, böyle seçebilirsiniz:

input[type="text"] + label { 
    /*some styles here*/ 
} 

input[type="checkbox"] + label { 
    /*some styles here*/ 
} 

Answer 2

Böyle sizin css seçici yazabilirsiniz:

label[for=Username] 
label[for=Live] 

Ayrıca bu parçacığı bir göz olabilir: Sen etiketlere sınıfları ekleyebilir
CSS Selector for selecting an element that comes BEFORE another element?

Answer 3

Sen css selektörü bu gibi yazabilir:

label[for=Username]{ /* ...definitions here.../} 

label[for=Live] {/...definitions here... */ }