element plus 下拉菜单el-dropdown 白色边框问题

<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;}