html - 按下时摆脱按钮周围的蓝色框

Question

所以，每当我点击我的按钮时，就会发生这种情况:

有什么办法可以避免这种情况吗？

谢谢大家。 :)

Answer 1

已经回答(可能多次，但这里有一个例子):https://stackoverflow.com/a/3397158/839847

为方便起见，在此引用:

This border is used to show that the element is focused (i.e. you can type in the input or press the button with Enter). You can remove it, though:

textarea:focus, input:focus{
    outline: 0;
}

You may want to add some other way for users to know what element has keyboard focus though for usability.

Chrome will also apply highlighting to other elements such as DIV's used as modals. To prevent the highlight on those and all other elements as well, you can do:

*:focus {
    outline: 0;
}