CSS去掉按钮点击的样式
button:focus { outline: none; }
当用户点击一个按钮时,浏览器会默认展示按钮的点击状态效果,可能是一个边框或者一个阴影,这看起来比较难看。为了去掉这个样式,我们可以使用CSS中的:focus伪类。
button:focus { outline: none; }
使用以上代码,当按钮被点击时,我们就可以去掉按钮周围的边框或阴影。
注意,将结果应用到所有按钮的最简单的方法是给所有按钮设置一个公共的class名字,比如“btn”,并用这个class名字来应用样式。
.btn:focus { outline: none; }
现在我们已经成功地去掉了按钮点击状态的样式,这让我们的界面看起来更简洁。记住,这个技巧同样也可以应用到其他HTML元素中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。