elment以及elementPlus选中组件出现黑框问题解决!!

目录

问题:

图示:

解决方案:


问题:

使用elementPlus的按钮组件,点击按钮后会出现黑框,除非点击其他地方才能取消掉(之前使用elment-ui其它组件时也出现过)

图示:

解决方案:

css 复制代码
.el-button:focus {
      outline: none;
}
  • .el-button:focus:表示选择所有类型为 .el-button 的元素,并且当元素获得焦点时应用该样式**++(对于其它组件只需修改类型名称即可)++**
  • outline: none;:表示将按钮的轮廓(外边框)样式设为 none,从而消除按钮在获得焦点时的默认外观。

通过添加这段 CSS 代码,可以移除按钮在获得焦点时的外边框,从而使按钮不再显示黑框

相关推荐
林深现海14 分钟前
Jetson Orin nano/nx刷机后无法打开chrome/firefox浏览器
前端·chrome·firefox
EchoEcho25 分钟前
深入理解 Vue.js 渲染机制:从声明式到虚拟 DOM 的完整实现
vue.js
黄诂多27 分钟前
APP原生与H5互调Bridge技术原理及基础使用
前端
前端市界31 分钟前
用 React 手搓一个 3D 翻页书籍组件,呼吸海浪式翻页,交互体验带感!
前端·架构·github
文艺理科生32 分钟前
Nginx 路径映射深度解析:从本地开发到生产交付的底层哲学
前端·后端·架构
千寻girling33 分钟前
主管:”人家 Node 框架都用 Nest.js 了 , 你怎么还在用 Express ?“
前端·后端·面试
C澒42 分钟前
Vue 项目渐进式迁移 React:组件库接入与跨框架协同技术方案
前端·vue.js·react.js·架构·系统架构
xiaoxue..1 小时前
合并两个升序链表 与 合并k个升序链表
java·javascript·数据结构·链表·面试
清山博客1 小时前
OpenCV 人脸识别和比对工具
前端·webpack·node.js
要加油哦~1 小时前
AI | 实践教程 - ScreenCoder | 多agents前端代码生成
前端·javascript·人工智能