Làm thế nào để thiết lập quy tắc CSS cho đầu vào, trừ một loại

Question

tôi có quy tắc CSS cho input như

input { 
background:#FFFFFF 
} 
input:hover { 
background:#BBBBBB 
} 

Tôi muốn áp dụng phong cách này cho tất cả input yếu tố, ngoại trừ một (ví dụ, type="submit").

Làm cách nào để loại trừ một loại đầu vào khỏi kiểu CSS?

Answer 1

Bạn có thể sử dụng lớp học giả :not() và trình chọn thuộc tính, ví dụ:

input:not([type=submit]) { 
    background: slategray; 
} 

Hãy nhớ rằng không có hỗ trợ cho IE 8 trở xuống.

http://jsfiddle.net/qpxYb/1/

Answer 2

Bạn có thể sử dụng bộ chọn :not().

input:not([type='submit']):hover { 
/* rules here */ 
} 

Answer 3

Bạn chỉ có thể ghi đè kiểu nhập kiểu chung với kiểu mới cho trường nhập gửi. Hãy khám phá: http://jsfiddle.net/dpYRX/2/

input { 
background:#FFFFFF 
} 
input:hover { 
background:#BBBBBB 
} 

input[type="submit"] { 
    background: #ff0000; 
} 

input[type="submit"]:hover { 
    background: #cdcdcd; 
}