javascript - 加载或单击时如何从 HTML 元素 'button' 和 'img' 中删除轮廓？

Question

在加载我的页面或单击按钮时，由于某种原因，html 会为按钮应用一些边框。

<div class="like-dislike">
<button class="button-like-dislike" id="likebtn24">
<i class="fa fa-thumbs-up" aria-hidden="true"></i>
</button>
<input class="input-like-dislike" id="likeinput24" value="0" name="">
<button class="button-like-dislike" id="dislikebtn24">
<i class="fa fa-thumbs-down" aria-hidden="true"></i>
</button>
<input class="input-like-dislike" id="dislikeinput24" value="0" name="">
</div>

标签： javascripthtmlcssimagebutton

Answer 1

您应该能够通过在 CSS 中将大纲设置为“无”来防止这种情况。

大纲

button {
     outline: none;
}

请记住，尽管使用 :hover 或 :active 仍向用户显示按钮已成功单击

徘徊

button:hover {
     /*CSS*/
}

积极的

button:active {
     /*CSS*/
}