目录
问题:
使用elementPlus的按钮组件,点击按钮后会出现黑框,除非点击其他地方才能取消掉(之前使用elment-ui其它组件时也出现过)
图示:
解决方案:
css.el-button:focus { outline: none; }
.el-button:focus:表示选择所有类型为.el-button的元素,并且当元素获得焦点时应用该样式**++(对于其它组件只需修改类型名称即可)++**outline: none;:表示将按钮的轮廓(外边框)样式设为none,从而消除按钮在获得焦点时的默认外观。通过添加这段 CSS 代码,可以移除按钮在获得焦点时的外边框,从而使按钮不再显示黑框
elment以及elementPlus选中组件出现黑框问题解决!!
turbo夏日漱石2023-10-06 9:03
相关推荐
智码看视界37 分钟前
老梁聊全栈系列:Vue3核心与组合式API深度解析想吃火锅10058 小时前
【leetcode】405.数字转换为十六进制数js原则猫10 小时前
HOOKS 背后机制码语智行10 小时前
首页导航跳转功能深度解析-系统内和系统外阿猫的故乡11 小时前
Vue过渡动画从入门到装X:淡入淡出、滑动、列表动画、第三方库全搞定裕波11 小时前
Vue&ViteConf 2026 将于 7 月 18 日在上海举办,尤雨溪将现场发表主题演讲IManiy11 小时前
总结之Vibe Coding前端骨架小和尚敲木头11 小时前
vue3 vite动态拼接图片路径JS菌11 小时前
AI Agent 沙箱双层防护体系:从权限过滤到内核隔离的完整实现Aphasia31111 小时前
从输入URL到页面展示全流程