如何在HOVER上将属性应用于3种类型的输入？

Question

我正在努力让inputs（text，password和number三种类型的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