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

目录

问题:

图示:

解决方案:


问题:

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

图示:

解决方案:

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

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

相关推荐
大孜然5 小时前
孜然QQ频道自动化程序机器人配置教程
前端
用户469384921555 小时前
AIUI 焦点高亮切换失效排查与规避:为什么按钮不变换形态呢?
前端
派大鑫wink5 小时前
纯前端实现软考中级·软件设计师备考学习网站
前端·学习
kyriewen6 小时前
我扒了 npm 三年数据:AI 没把依赖变胖,是把包变多了
前端·人工智能·程序员
SensorFlow6 小时前
曝光埋点别放在组件渲染里:连续可见与去重范围怎么验收
javascript
harris14815435297586 小时前
能解码不等于能信任:JWT 的签名到底验的是什么
javascript
liqingdi4376 小时前
[SWPUCTF 2023 秋季新生赛]Easy SMC
服务器·前端·javascript
用户87359865635876 小时前
为什么 greedy 也可能出不同 token,MoE 为什么更严重
前端
日耗10亿Token被老板赶出门6 小时前
REA 火了:一个 Electron 按钮的调用链,它能追到哪一步?
javascript·electron
Gizzap_Tech6 小时前
多语言官网如何兼顾统一与本地化?从页面生成到语言切换
前端