如何將屬性應用於HOVER上的三種輸入？

Question

我想讓inputs（text，password和number）的3種類型在hover上有背景色。 我嘗試這樣做：

input[type=text], input[type=password], input[type=number]:HOVER { 
    background-color: red; 
} 

但它不僅使number輸入對HOVER該屬性，併爲text和password，在他們的常規狀態下施加。

我不想爲每個具有相同屬性的input類型創建3個css塊。 如何將background-color: red;（和其他可能的屬性）應用於HOVER上的所有三種類型的輸入？

Answer 1

你要申報每個：

input[type=text]:hover, input[type=password]:hover, input[type=number]:hover { 
    background-color: red; 
} 

FIDDLE