如何从已经访问过的按钮周围删除方形边框? [英] How to remove the square border from around a button which has already been visited?

问题描述

单击其中一个按钮并返回主页后，单击的按钮带有蓝色方形边框.单击边框后，如何删除该边框，以使圆形按钮周围没有正方形边框?

After I click one of the buttons and go back to the main page, the button that I clicked is bordered with a square blue border. How can I remove this border so that there's no square border around the circle button after I have clicked it?

button {
  width: 100px;
  height: 100px;
  background: #3F6;
  border-color: #000;
  border-radius: 4em;
}
button:hover {
  background: #F00;
}

<a href="#" target="_blank"><button>Test</button></a>
<a href="#" target="_blank"><button>Test</button></a>
<a href="#" target="_blank"><button>Test</button></a>
<a href="#" target="_blank"><button>Test</button></a>

推荐答案

您可以像这样简单地在您的CSS中添加outline-style:none焦点:

You can simply add outline-style:none on focus in your css like this:

button:focus { outline-style: none; }

这是一个示例.

这篇关于如何从已经访问过的按钮周围删除方形边框?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！