多个属性值的CSS规则：按钮和输入的行为不同

Question

在下面的示例中，我将相同的规则应用于submit和button元素，但在渲染时，它们的行为方式不同。 button元素的行为符合预期;但是，即使没有悬停，input元素默认为绿色，并且在悬停时根本不会改变颜色。我在这里设置了一个JSFiddle：http://jsfiddle.net/D5WZ5/

CSS：

input[type="submit"],[type="button"]
{
    background-color:blue;
}

input[type="submit"],[type="button"]:hover
{
    background-color:green;
}

HTML：

<input type="submit" value="Submit" />
<input type="button" value="Button" />

Answer 1

Demo Fiddle

将CSS更改为：

input[type="submit"],[type="button"]{
    background-color:blue;
}

input[type="submit"]:hover,[type="button"]:hover{
    background-color:green;
}

您还没有将:hover选择器应用于input元素