避免在IE 10锚点/链接上使用灰色背景

如何避免IE 10应用于锚点的烦人灰色背景？避免在IE 10锚点/链接上使用灰色背景

2013-03-11 Diego

其实有一个非常简单的CSS修复的锚。当它们处于:active状态时，IE 10更改background-color锚标记。要阻止它发生或改变颜色，你可以使用下面的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 */

来源

2013-03-21 22:14:02 tw16

远远高于我已经找到了更好的修复。 – Diego 2013-03-22 11:19:06

显然需要小心，如果你的锚实际上有一个背景色，因为当你点击 – hcharge 2014-01-30 09:41:24

我一直没能找到很多信息，但我没有找到一个修复：

裹锚在span

Working Solution

如果不这样做的文本想要更改HTML中的每个锚点，可以使用以下脚本：

$("a:not(.dont-use-span)").each(function() { 
    $(this).html("<span>" + $(this).html() + "</span>"); 
});

Working solution

注：刚刚类dont-use-span添加到您不想修改

来源

2013-03-11 15:20:25 Diego

我发现它实际上是：焦点添加了灰色背景。

这个工作对我来说：

a:focus { 
    background-color: transparent; 
}

来源

2013-08-22 15:06:59

上面的答案和@ tw16的答案（进一步上面）的组合，你会得到它背后的颜色闪光解决了问题完全适合我。我必须这样做才能使Windows 8.1上的IE11正常工作： 'a：focus， a：active' – 2014-08-11 06:45:09

经过多次unfructuous测试，我终于有了它的工作原理与此：

a    {color:#fff; background-color:#f77927 !important;} 
    a:hover   {color:#fff; background-color:#e65e06 !important;} 
    a.active  {color:#fff; background-color:#e65e06 !important;} 
    a.focus   {color:#fff; background-color:#e65e06 !important;}

See in action

来源

2014-09-09 09:47:32 mvidalinc

避免在IE 10锚点/链接上使用灰色背景

回答

相关问题