我如何設置CSS規則的輸入，除了一個類型

Question

有CSS規則input作爲

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

我想這種風格適用於所有input元素，除了一個（例如，type="submit"）。

如何從CSS樣式中排除一種輸入類型？

Answer 1

您可以使用:not()僞類和一個屬性選擇器，例如，

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

請記住，不支持IE 8及以下版本。

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

Answer 2

您可以使用:not()選擇。

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

Answer 3

你可以只覆蓋一般輸入外地風格，配有新的風格提交輸入字段。檢查出來：http://jsfiddle.net/dpYRX/2/

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

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

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