在使用 Element Plus 的 el-dropdown 组件时,点击出现边框的问题通常是由于浏览器的默认焦点样式(outline)导致的。以下是一些解决这个问题的步骤和建议: 确认问题: 首先,确认点击 el-dropdown 组件时确实出现了不期望的边框。这通常可以通过观察页面上的实际效果来确认。 检查CSS样式: 检查是否有相关的CSS样式导致点...
element-plus的el-dropdown去除鼠标悬浮或点击时的黑边框 设置为outline:unset;或者outline:none;即可 :deep(.el-tooltip__trigger:focus-visible) { outline: unset; }
el-dropdown Reproduction Link Element Plus Playground Steps to reproduce 鼠标移动到内容 What is Expected? 无黑色边框 What is actually happening? 有黑色边框 Additional comments 只有hover会出现该现象 commentedJul 3, 2024 我觉得这是合理行为, 如果你不想要,你可以这样设置 ...
去掉element el-dropdown(下拉框的黑色边框) 使用 .el-tooltip__trigger:focus { outline: none;//去掉默认的边框} 分类:element-ui 好文要顶关注我收藏该文微信分享 龙卷风吹毁停车场 粉丝-15关注 -2 +加关注 0 0 «c# 获取当前时间戳 »c# 如何将一个list集合隐式转换为另一个list集合 ...
/* 修改下拉框的边框和宽度 */ .el-select { width: 200px !important; border: 1px solid #ccc !important; } /* 去除下拉框的阴影效果 */ .el-select-dropdown { box-shadow: none !important; } /* 修改下拉框选中项的背景色 */ .el-select-dropdown .el-select-dropdown__item.selected { ...
9、element-plus去掉el-dropdown 点击之后显示的蓝色边框 解决方案 参考:https://www.jianshu.com/p/24e7d4f5b50d 10、修改packge.json文件的name属性报错 npm ERR! Invalid name: "后台管理系统" npm ERR! A complete log of this run can be found in: ...
<el-dropdown> <el-icon><UserFilled /></el-icon>游客 <el-icon class="el-icon--right"> <arrow-down /> </el-icon> <template #dropdown> <el-dropdown-menu> <el-dropdown-item>菜单一</el-dropdown-item> <el-dropdown-item>菜单二</el-dropdown-item> <el-dropdown-item>菜单三</...
1 这里我们直接使用一个简单的例子，大致上的代码和样式如下：2 我们希望改变它的背景色，显然我们需要改变ui标签的背景色。然而改完我们会发现还有一段的空白色。3 我们跟踪到这个空白处的样式，并给它加上背景色，发现仍有一条细小的白线。4 再跟踪修改这个背景色，至此修改完成。5 总结起来，修改el-dropdown-...
el-dropdown-menu__item.is-disabled { pointer-events: auto !important; cursor: not-allowed; } 不过会产生一个新问题,就是:禁用项的样式虽然是有了,但是禁用项也可以点击了。这个就是不应该的,当然有问题就会有解决方案,我们可以通过js去控制是否可以点击。至于怎么控制,我们先看一下官方文档。 然后我们打...
利用组件el-popver组件,在组件内放入el-menu或者自己用a标签写加上样式。 注意:el-dropdown点击打开=>trigger="click",el-popver则使用鼠标滑过=>trigger="hover" 代码如下: <el-dropdownv-if="$store.state.user"trigger="click">{{$store.state.username}}<el-avatar:size="24":src="require('../ass...