Jquery 输入按钮激活样式？（无锚）

我正在做一些时尚的按钮，尽可能使用HTML的基础

<input type="submit" value="Submit!" />

然而，“按下”状态的样式化被证明是困难的。无论我在网上看到什么地方，设计师似乎都通过使用锚来绕过这个问题，然后利用CSS的

：active

伪类。不幸的是，按钮似乎没有这个功能。它们有

：focus

，但实际工作方式不同

所以我的问题是：是否可以在不修改此HTML的情况下设置“关闭”状态的样式？如果有必要，我愿意使用jQuery，但我主要希望有一个不涉及锚的纯CSS解决方案。你们都推荐什么

谢谢

input:active {
    background-color: red;
}

---

在Firefox、Chrome和IE9中，这对我很有用，你想实现什么样的风格？在Safari6和FF12中按下时，我可以看到元素的字体颜色变为红色

---

在支持动态伪类和处理某些属性方面；您需要提供遇到问题的示例代码。

实际上，您可以将

：active

伪类应用于表单按钮

以下是一个例子：

---

希望这有帮助

您可以选择使用标签吗？我想你会发现它更灵活。例如：active状态在Safari、Chrome和Firefox中似乎对我有效（我目前没有访问IE的权限）：

---

哪些浏览器是：活动状态不适用于您？这个丑陋的按钮的活动状态在Safari、Chrome和Firefox中都能正常工作：哦，天哪！事实证明你是对的--

：active

伪类确实有效！原来它不适用于我的原因是我的CSS按字母顺序排列，所以我的

：hover

规则覆盖了

：active

规则。谢谢大家的帮助！

button {
    background-color: red;
    color: white;
    font-weight: bold;
    font-size: 3em;
    border: 0;
}

button:active {
    background-color: blue;
}
​