HTML – 如何从已访问过的按钮周围删除方形边框?

前端之家收集整理的这篇文章主要介绍了HTML – 如何从已访问过的按钮周围删除方形边框?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
单击其中一个按钮并返回主页面后,单击的按钮以方形蓝色边框为边界.如何删除此边框,以便在单击它后圆圈按钮周围没有方形边框?
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焦点,如下所示:
button:focus { outline-style: none; }

这是一个example.

猜你在找的HTML相关文章