Tôi có thể phân biệt CSS trên các loại đầu vào khác nhau không?

Question

loại đầu vào = văn bản/radio/hộp kiểm - tôi có thể xử lý chúng khác nhau trong CSS của mình không?

khác hơn bằng cách thêm class= Ý tôi là

Answer 1

YES!

Với một điều gọi là tuyệt vời selectors thuộc tính:

input[type="text"] { width: 200px; } 

Chỉ cần thay đổi điều đó text ở đó và bạn tốt để đi!

Nhưng lưu ý rằng những không có tác dụng trên IE6, vì vậy bạn có thể muốn có một cái nhìn tại dean.edwards.name IE7.js :)

Answer 2

Tôi chưa bao giờ thấy điều này được thực hiện (và tôi đã cố gắng cá nhân). Tôi tin rằng bạn sẽ phải chạy JavaScript/jQuery trên trang đăng tải để thao tác các lớp đối tượng dựa trên các thuộc tính phần tử.

Answer 3

Bạn có thể sử dụng input[type=text] để thực hiện việc này. Các trình duyệt cũ có thể không hỗ trợ nó.

Answer 4

Có bạn có thể

ví dụ

input[type="text"]{ 
/*do something*/ 
} 

và nhiều hơn nữa

input[type="text"] { 
font:bold 10px/12px verdana,arial,serif; 
padding:3px; 
} 
input[type="button"],input[type="submit"] { 
/* you know what to do */ 
} 

Answer 5

Bạn có thể sử dụng bộ chọn thuộc tính, như thế này

input[type=text] { ... } 

Tuy nhiên, điều này không được hỗ trợ trong tất cả các trình duyệt. đặt cược an toàn nhất của bạn là sử dụng một lớp

Answer 6

bạn có thể làm đầu vào [type = "text"]

Answer 7

Bạn có thể sử dụng

input[type="What ever the type you want to style specifically"]