仅在悬停时突出显示metronic图标

Question

我使用metronic主题创建了一个全屏图标：

​

<div class="portlet light portlet-fit portlet-datatable red-flamingo box">
  <div class="portlet-title">
    <div class="caption">
      <i class="fa fa-check-circle" aria-hidden="true"></i>
      <span class="order-number"> Fullscreen me</span>
    </div>
    <div class="tools">
      <a href="" class="fullscreen" data-original-title="" title=""> </a>
    </div>
  </div>
  <div class="portlet-body">
    Content
  </div>
</div>

​

这创建了一个div，在chrome：Div预览中如下所示

每当单击全屏时，按钮就会更改为：怪异的图标，直到我们单击其他地方为止，它仍然是这样。

我认为造成这个问题是因为它即使在单击之后仍然高亮显示；因此，如果只在鼠标悬停时才突出显示图标，就可以解决这个问题。对如何解决这个小故障有什么想法吗？

Answer 1

看起来你的锚标签在焦点上显示了下划线。尝试将其添加到CSS样式表中：

.fullscreen:focus { text-decoration: none; }