<div class="flex-item flex-all-center">
<el-dropdown trigger="hover" style="border: 0">
<template #dropdown>
<el-dropdown-menu class="dropdown-menu-box">
<el-dropdown-item icon="Plus">选项 1</el-dropdown-item>
<el-dropdown-item divided>选项 2</el-dropdown-item>
<el-dropdown-item>选项 3</el-dropdown-item>
<!-- 更多下拉选项 -->
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
点击 el-dropdown 时出现一个不期望的白色边框,这通常是因为浏览器默认的焦点样式(outline)导致的。当您点击页面上的元素时,浏览器可能会自动给这个元素添加一个焦点轮廓(outline),这在某些情况下可能会显得不美观。您可以通过 CSS 来去除或自定义这个焦点样式。
解决方案:
.el-dropdown, .el-dropdown * {outline: none;}