前端页面中有时候会遇到点击按钮、图标等内容之后，该元素周围会出现一个黑框
这是因为按钮或图标有个默认的 focus 样式给设置了默认的轮廓属性，如下图：
因此解决方法也非常简单，只要给该元素设置 outline: none; css样式即可解决
svg {
outline: none;
}
按钮Button、图标Svg等点击之后出现黑框的原因及解决办法
转载请注明出处或者链接地址：https://www.qianduange.cn//article/2271.html
发布的文章
NET餐厅管理系统前端js-dwz.dialog改变原始层的大小
2024-03-04 10:03:39
H5、jquery实现滚动加载下一页 瀑布流布局
2024-03-04 10:03:38
（其他页面问题）基于HTML CSS JavaScript的网页项目大作业其他页面部分（含前后端，Jquery，Bootstrap，Animate.css，Node等）
2024-03-04 10:03:22
基于javaweb mysql的jsp servlet毕业生离校管理系统(java jsp servlet jquery mysql)
2024-03-04 10:03:13
JQuery - template.js 完美解决动态展示轮播图，轮播图不显示问题
2024-03-04 10:03:13
jquery初始化方法
2024-03-04 10:03:13
JavaScript学习之旅10------掌握jQuery：实用应用案例深度解析
2024-03-04 10:03:13
echarts实现一个3d效果柱形图
2024-03-04 10:03:10
echarts 动态展示title以及动态展示tooltip
2024-03-04 10:03:09
基于Flask Echarts 爬虫的疫情监控系统
2024-03-04 10:03:08
大家推荐的文章