目录
问题:
使用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
相关推荐
神明不懂浪漫7 小时前
【第七章】Java中的常用类GuWenyue13 小时前
放弃云端API!一套React+WebGPU本地LLM方案,零数据上传、离线可用原则猫14 小时前
函数/变量提升独泪了无痕15 小时前
Vue3 Hooks使用实战解析shawxlee16 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护用户0595401744617 小时前
把记忆存储的回归测试从手工换成 Playwright + GitHub Actions,线上缺陷降低 80%触底反弹17 小时前
🚀 从 DOM0 级到 React 合成事件:前端事件监听的 20 年演进史kyriewen17 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔颜酱17 小时前
04 | 召回前置准备:搭好召回所需的四个数据库郝亚军18 小时前
如何安装webstorm、Node.js和vue CLI