Html CSS:IE11中的悬停中断按钮样式

IE11中按钮的默认样式包括悬停效果-按钮在悬停时以青色突出显示（确切效果可能取决于主题）。但是，使用

：hover

伪类添加一个看似无关的CSS规则会破坏按钮上的悬停高亮显示，并且它们在单击时也会表现出一些奇怪的行为（在单击按钮时，悬停高亮显示似乎被应用并被卡住）

我在JSFIDLE中有一个简单的测试用例，只有以下HTML，它可以按预期工作：

<div>
    <button>Prev</button>
    <button>Next</button>
</div>

我的电脑详细信息是：Windows 7 64位SP1、IE11 11.0.9600.18230、Aero主题

---

我是在用CSS做一些无效的事情来导致这种情况，还是这只是一个奇怪的IE11错误？有办法解决这个问题吗？Firefox和Chrome似乎不受CSS规则的困扰。

我想知道是否有办法将默认的悬停样式重新应用到按钮上，但似乎你甚至不需要走那么远。任何非空的

按钮：hover

规则似乎修复了默认样式（空规则不会修复此问题），例如，此规则实际上不会更改任何内容，但会恢复IE11中的默认悬停效果：

.AnythingYouWant:hover {}
button:hover {
  font-weight: normal;
}

我不确定是否有更好的“无所事事”CSS规则可以使用。下面是一把小提琴，显示了“修复”的作用：

---

在IE11中似乎对我很有用：你能澄清你遇到的问题，并分享实际使用的代码吗？仅供参考，这只会在你有aero主题时发生；基本主题不会出现这种情况（可能Windows 10也不会）。在切换主题之前我无法复制它。是的，这绝对是一个bug。我会提交的，我可以确认。发生在我的IE11赢7，但不是IE11赢710@PaulAbbott感谢您澄清这只会影响aero主题-我不想尝试不同的主题。是的，在Win7 Ultimate SP1 64位上的IE v11.0.9600.18204上，aero开启，对我来说是有效的。

.AnythingYouWant:hover {}
button:hover {
  font-weight: normal;
}