避免IE 10锚点/链接上的灰色背景

Question

当你点击它们时,你如何避免IE 10应用于锚点的烦人的灰色背景？

Answer 1

实际上有一个非常简单的CSS修复.IE 10 background-color在处于:active状态时更改锚标签.要阻止它发生或更改颜色,您可以使用下面的CSS规则.

a:active{
    background-color: transparent; /* Can be any colour, not just transparent */
}

现场演示:http://jsfiddle.net/tw16/NtjK7/

另外值得一提的是,在样式链接时,您需要确保以正确的顺序编写规则,以确保不会覆盖以前的样式:

a:link{}    /* 1st */
a:visited{} /* 2nd */
a:hover{}   /* 3rd */
a:active{}  /* 4th */