就是鼠标移入给这个伪类添加了边框 image.png 解决 就是找到这元素 .el-tooltip__trigger:focus-visible{ outline: unset; } image.png©著作权归作者所有,转载或内容合作请联系作者 0人点赞 分享 更多精彩内容,就在简书APP "小礼物走一走,来简书关注我"赞赏支持还没有人赞赏,支持一下 不想熬夜a 总资...
设置为outline:unset;或者outline:none;即可 :deep(.el-tooltip__trigger:focus-visible) { outline: unset; }
使用element-plus中的下拉菜单,当鼠标放上去后出现一个黑框,点击也会出现黑框,点击外面则会消失,怎么去掉这个黑框
效果如下,原以为是浏览器的bug,升级后就好了,没想到一直有这个问题 页面刷新后,鼠标经过el-dropdown组件上会出现一个蓝色的小框 原因 浏览器默认有一个样式,加了一个边框 :focus-visible{outline:-webkit-focus-ring-color auto 1px;} 1. 2. 3. 4. 问题解决 知道原因之后,就好处理了 :focus-visible{outline...
解决方案就是我们不使用这个语句了,然后给禁用项加上cursor: not-allowed;就会出现鼠标悬浮禁用样式。 /deep/ .el-dropdown-menu__item.is-disabled { pointer-events: auto !important; cursor: not-allowed; } 不过会产生一个新问题,就是:禁用项的样式虽然是有了,但是禁用项也可以点击了。这个就是不应该...
HTML部分使用常规方法绑定事件回调，用于触发下拉菜单项操作。CSS部分审查禁用菜单项DOM元素样式，发现仅需移除`pointer-events`属性，并为禁用项添加`cursor: not-allowed;`样式，即可实现预期效果。然而，此操作导致禁用项在鼠标悬浮时仍可点击。为解决此问题，通过JavaScript控制事件处理，仅在禁用项未被禁用...
el-dropdown是Element UI提供的一个下拉菜单组件,它通常用于触发一个包含多个选项的下拉菜单。该组件支持多种触发方式,包括点击和悬浮。 2. 查找el-dropdown组件关于鼠标悬浮触发的相关文档或示例 在Element UI或Element Plus的官方文档中,我们可以找到关于el-dropdown组件的详细介绍和使用示例。特别是关于触发方式(...
1.鼠标移动到节点上显示功能图标,鼠标移除隐藏 2.点击功能图标显示功能下拉菜单,使用el-dropdown插件 3.不需要设置el-tree属性expand-on-click-node为false,将节点事件和下拉框事件区分开 4.移入到节点DOM上就显示功能图标,而不是移动到文本DOM才显示(这个功能纠结和好久)...
禁用的时候鼠标悬浮时应为禁用的样式 代码实现 html部分 html部分就是常规操作,给下拉菜单绑定一个点击菜单项触发的事件回调,因为待会我们要点击这个下拉菜单。 <template> <el-dropdown trigger="click" @command="handleCommand"> 下拉菜单 <el-dropdown-menu slot="dropdown"> <el-dropdown-item command=...