Html ：active and:focus on anchor不适用于IE和Mozilla

在下面的HTML代码中，我试图在当前活动锚点上实现颜色更改，这意味着一旦单击任何选项卡，它应该显示颜色（#ffd96b）作为背景，它对Chrome很好，但对IE和Mozilla不起作用。不明白为什么会发生这种情况可能是我错过了什么，任何帮助都是非常感谢的

.tileMargin{
利润率：5%；
}
.deviceName{
宽度：60%；
浮动：左；
填充物：5px；
边界半径：5px 0px 0px 5px；
边框：1px实心#ccc；
背景色：#F2F2；
字体大小：0.75em；
}
.设备计数{
宽度：40%；
浮动：左；
背景色：#F2F2；
边界半径：5px；
边框：1px实心#ccc；
文本对齐：居中；
左边距：-3px；
}
.deviceCount>div{
宽度：33.33%；
浮动：左；
左边框：1px实心#ccc；
}
.设备计数输入，
钮扣{
宽度：100%；
浮动：左；
填充：3px0px；
背景色：#F2F2；
边界：无；
文本对齐：居中；
外观：按钮；
边界半径：5px；
}
.DeviceSmall a:悬停分区，
.DeviceSmall a：悬停输入，
.DeviceSmall a：悬停按钮，
.DeviceSmall a：活动分区，
.DeviceSmall a：活动输入，
.DeviceSmall a：活动按钮，
.DeviceSmall a：焦点部门，
.DeviceSmall a：焦点输入，
.DeviceSmall a：焦点按钮{
背景色：#ffd96b！重要；
}

asd萨达asfa

这并不是说它在FF或IE中不起作用，

：active

在您单击元素时应用，并且不保留它。释放单击后，样式将被删除

同样，在你点击链接后，Chrome会将焦点放在链接上，而FF和IE则不会。这就是为什么单击后会删除

：focus

样式

---

要激活链接，请在CSS中添加一个类

active

，并根据使用JS单击的链接添加/删除类。

首先，感谢大家关注此问题

我在我的代码中发现了一个问题，它导致：active和：focus无法按预期工作。实际上，我已经将表单元素（如input和button）放在了锚定标记下，根据w3c标准，这不是正确的实现

---

现在，我已经删除了“a”标记内部的所有按钮和输入，现在工作正常。

：active

并不意味着当前处于活动状态的链接，它意味着当前正在使用的链接（当您单击它时）复制了代码，并且工作正常，

：active

表示在按下项目上的鼠标左键时颜色会发生变化。如果停止按

：active（激活）

将不会激活。您能提供更多问题的详细信息吗？如果您想在单击后更改项目颜色，可以使用Jquery切换。它对IE也起作用吗？如果我想在链接上显示点击事件后更改的背景色，该怎么办？@DavSev：那么问题出在哪里，IE和Mozilla对我来说不起作用。谢谢你的帮助。。你能帮我查一下上面的代码吗。