IE，CSS：单击按钮时如何删除出现的突出显示答案

【问题标题】：IE, CSS: How to remove a highlight which appears, when click the buttonIE，CSS：单击按钮时如何删除出现的突出显示
【发布时间】：2013-08-08 17:00:52
【问题描述】：

在 IE 中查看此页面（我有最新版本，但在旧版本中也会发生。）

http://tinuska.vibraflex.cz/

在上面的链接中，页面底部有两个圆形按钮。单击按钮时，按钮周围会出现一个半透明的突出显示。它不会出现在 Mozilla 或 Chrome 中。是否可以以某种方式将其删除？

【问题讨论】：

没看到？在有和没有兼容模式的 IE10 中尝试过。
你说的是虚线轮廓吗？
stackoverflow.com/questions/1142819/…
如果你有一个 jsFiddle 给你，那就太棒了作业
你看不到这个吗？我从屏幕截图中截取了这个。 tinuska.vibraflex.cz/img/highlightProb.png

标签： html css internet-explorer highlight

【解决方案1】：

在锚标记中添加额外的样式。

style="background-color:transparent"

【讨论】：

如果我们有彩色按钮，背景颜色修复将无法正常工作，因为这会改变它们的实际颜色。试试焦点大纲：none css

【解决方案2】：

要解决您的问题，您可以将这些样式属性添加到锚按钮 btn1 和 btn2：

border-top-left-radius: 41px;
border-top-right-radius: 41px;
border-bottom-left-radius: 41px;
border-bottom-right-radius: 41px;

我已经尝试过 IE10 并且可以正常工作。

btn1 的一个例子：

<a id="btn1" href="#" style="border-top-left-radius: 41px; border-top-right-radius: 41px; border-bottom-right-radius: 41px; border-bottom-left-radius: 41px;"/>

【讨论】：

【解决方案3】：

试试吧。 下面的 css 代码对于删除边框和关注链接或按钮很有用。

a:focus{
 outline:none !important;
 }

【讨论】：

请编辑更多信息。不建议使用纯代码和“试试这个”的答案，因为它们不包含可搜索的内容，也没有解释为什么有人应该“试试这个”。
精确修复@RanaAalamgeer