我使用 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>
这创建了一个在 chrome 中看起来像这样的 div: Div Preview
每当点击全屏时,按钮就会变成这样: weird looking icon 它一直保持这种状态,直到我们点击其他地方。
我认为这个问题是因为它在点击后仍然高亮;因此,如果仅在鼠标悬停时突出显示图标,则可以解决此问题。关于如何解决这个小故障的任何想法?
最佳答案
看起来您的 anchor 标记在焦点上显示了下划线。尝试将其添加到您的 CSS 样式表中:
.fullscreen:focus { text-decoration: none; }
关于html - 仅在悬停时突出显示节拍器图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44954420/