Chọn Nhãn theo kiểu đầu vào

Question

Có cách nào để loại trừ hoặc chọn Nhãn theo loại đầu vào, điều gì đó tương tự với trường nhập liệu không?

label:not([type=checkbox]) 
label[type=checkbox] 

Answer 1

Nếu bạn cung cấp cho hộp kiểm của bạn cụ thể id rằng tất cả bắt đầu với những điều tương tự, bạn có thể làm như sau:

HTML

<input type="checkbox" id="chkTerms" /> 
<label for="chkTerms">Read terms & conditions</label> 

CSS

label[for*="chk"], label[htmlfor*="chk"] 
{ 
css here 
} 

Có thể là trình duyệt hiện đại. EDIT: Tôi vừa thử một fiddle: link và nó hoạt động trong chrome và IE 8 & 9 nhưng không phải 7. Tôi đã không thử nó trong FF.

EDIT2: Chỉ cần đưa ra một giải thích về những gì đang diễn ra ở đây, các dấu ngoặc vuông sẽ tìm một thuộc tính được gọi. Các asterix thay đổi hành vi của các bằng từ chỉ là một đồng bằng bằng, có nghĩa là có chứa - bất cứ nơi nào cho các thuộc tính chứa "chk" nó sẽ áp dụng phong cách đó. Bạn có thể thay thế * bằng dấu^và nó sẽ thay đổi nó thành có nghĩa là bắt đầu bằng thay vì chứa.

EDIT3: BoltClock đã cung cấp bản sửa lỗi cho IE7 trong nhận xét, tôi đã cập nhật câu trả lời để bao gồm nó.

Answer 2

Làm thế nào về input[type=checkbox] + label { /*label style here*/ }? Nó có thể hoạt động nếu văn bản chỉ sau phần tử đầu vào. Tôi chưa thử nghiệm điều đó.

Answer 3

Bạn có thể sử dụng hộp kiểm của bạn với tài liệu tham khảo dữ liệu thuộc tính cơ bản ..

<input type="checkbox" name="checkbox-1" id="checkbox-0" class="custom" /> 
<label for="checkbox-0">Whatever</label> 

Nếu bạn không mong đợi này ... cho chúng tôi biết ...