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

本文主要是介绍elment以及elementPlus选中组件出现黑框问题解决！！，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

目录

问题：

图示：

解决方案：

---

问题：

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

图示：

解决方案：

.el-button:focus {outline: none;
}

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

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

这篇关于elment以及elementPlus选中组件出现黑框问题解决！！的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---