多个属性值的 CSS 规则 : button and input behaves differently

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 元素