css去掉按钮点击的样式

CSS去掉按钮点击的样式

button:focus {
    outline: none;
}

当用户点击一个按钮时，浏览器会默认展示按钮的点击状态效果，可能是一个边框或者一个阴影，这看起来比较难看。为了去掉这个样式，我们可以使用CSS中的:focus伪类。

button:focus {
    outline: none;
}

使用以上代码，当按钮被点击时，我们就可以去掉按钮周围的边框或阴影。

注意，将结果应用到所有按钮的最简单的方法是给所有按钮设置一个公共的class名字，比如“btn”，并用这个class名字来应用样式。

.btn:focus {
    outline: none;
}

现在我们已经成功地去掉了按钮点击状态的样式，这让我们的界面看起来更简洁。记住，这个技巧同样也可以应用到其他HTML元素中。