Bootstrap 显示不良边框的动画字形图标

Question

当我单击此字形图标时，我需要将静态 Bootstrap 字形图标替换为动画字形图标。我的问题是，如果我使用 replaceWith() 函数来完全替换图标，外观会很好。如果我只是用 removeClass() 和 addClass 函数替换 类，外观会变得很难看，在动画图标周围显示出细细的深色边框。不要问我为什么不简单地更喜欢第一种解决方案。解释起来太长了，但我需要在我的代码中选择第二个解决方案。

这里有一个fiddle可以更好的理解问题：

https://jsfiddle.net/wiltomap/vc5n2mLo/

注释行是 replaceWith() 示例。只需取消注释并注释下面的行以查看差异。

Answer 1

你要给你添加以下样式CSS

a {
  text-decoration : none !important;
}

a:focus {
  outline: none;
}

您的代码的工作版本：https://jsfiddle.net/rrc55ask/