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

Question

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

http://tinuska.vibraflex.cz/

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

Answer 1

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

style="background-color:transparent" 

Answer 2

试试看。 下面的 css 代码对于移除边框和关注链接或按钮非常有用。

a:focus{
 outline:none !important;
 }

Answer 3

要解决您的问题，您可以将这些样式属性添加到锚按钮 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;"/>