关于 element-plus 下拉菜单 el-dropdown 的黑框问题

最新推荐文章于 2024-05-31 11:15:59 发布
最新推荐文章于 2024-05-31 11:15:59 发布
阅读量219 收藏
点赞数 6
文章标签： elementui vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yipisaosaode/article/details/134803400
版权

关于 element-plus 下拉菜单 el-dropdown 的黑框问题

  添加这个样式即可
  outline: none;
  需要注意得是，那个元素出现的黑框加在那个元素上就行

我这里是类为 user-info 的元素
在这里插入图片描述
再代码里添加即可
在这里插入图片描述

一匹骚骚的小马儿
关注
  • 6
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3 - Element Plus 去除下拉菜单周围出现黑色边框轮廓，当用鼠标移入和点击聚焦时就会出现 “黑边“ 的情况，无论里面是什么 HTML 元素和组件都会由此问题（完美解决方案）
王佳斌
09-11 6186
vue3 element plus组件库，element plus 下拉菜单点击或移入hover会出现黑边框，dropdown下拉菜单移入或点击出现围绕的黑边如何解决，vue3 element el-dropdown周围出现黑边框，element el-dropdown-menu组件鼠标移入时出现黑边框怎么解决，vue3 element plus Dropdown下拉菜单有黑边，element-plus中的dropdown下拉菜单点击或聚焦时会出现黑色外边框，使用element-plus中的下拉菜单，当鼠标
vue+element搭建后台小总结 el-dropdown下拉功能
10-16
主要为大家详细介绍了vue+element搭建后台小总结，el-dropdown下拉功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Element-Plus Dropdown 下拉菜单样式修改
m0_66675766的博客
03-21 661
Element框架是我们开发最常用到的一款UI框架，现在就直接演示怎么解决，el-dropdown 下拉菜单样式....亲测有效。
使用element-plus中的下拉菜单,当鼠标放上去后出现一个黑框，点击也会出现黑框，点击外面则会消失，怎么去掉这个黑框
qq_55681529的博客
06-02 2723
注意：这将完全禁用可见焦点状态的外观，包括默认的浏览器轮廓和任何自定义规则。请注意，这可能会影响可访问性，因为一些用户可能依赖这些线框来识别他们正在与哪个元素交互。因此，建议仅在必要时使用此规则，并在可能的情况下提供替代方法来指示焦点状态。在控制台查找这个元素，我们可以看见里面有这样一段样式，可以看见外边框outline自动给我们添加了1px,所以我们划过下拉框和点击都会出现这个黑框。当前没有去掉的样式及效果。
VUE3+element plus使用el-dropdown控件有黑色的边框
nopyramid的博客
11-25 912
在el-dropdown增加class名称，设置outline: unset样式即可。
记录：element-plus el-dropdown有黑框，下拉不显示
陈铭杰的博客
11-01 1383
element-plus el-dropdown有黑框，下拉不显示
element-plus 中 Dropdown 下拉菜单 黑色边框
qq_51589308的博客
03-07 470
element-plus 中 Dropdown 下拉菜单 黑色边框
element-plus中的下拉菜单el-dropdown获取到焦点或点击出现黑边情况
qq_47101042的博客
07-18 996
使用elementplus下拉菜单遇到的一个小问题，每次鼠标点击的时候旁边会有一个小黑框，看起来很奇怪， 尝试修改。的需要注意一下层级问题，层级不对的话，css是无效果的)解决办法：(使用less和。
使用element-plus中的下拉菜单，当鼠标放上去后出现一个黑框
weixin_52096382的博客
03-15 5558
使用element-plus下拉菜单遇到的一个小问题，因为使用起来，一直有一个黑框挡着，看起来非诚不适，就试着修改一下。解决办法：(使用less和sass的需要注意一下层级问题，层级不对的话，css是无效果的)
react-ant-dropdown-menu:下拉菜单+基于antd的菜单
03-06
React物下拉菜单下拉菜单基于antd。安装npm install -S @jswork/react-ant-dropdown-menu特性姓名类型必需的默认描述班级名称细绳错误的-- menuOptions 形状错误的--用法导入css @import " ~@jswork/react-ant-...
django-admin-list-filter-dropdown：在Django管理员列表过滤器中使用下拉菜单
02-05
django-admin-list-filter-dropdown 呈现为下拉列表的Django管理过滤器实现。 如果要在Django admin中过滤的字段具有十个以上的值，则过滤侧边栏会变得很长，混乱且难以使用。 此应用程序包含DropdownFilter类，该类...
element-tree:自定义右键菜单等等
05-11
元素树 一个Vue.js项目 效果 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build ...
el-tree常用操作
最新发布
绣花针
05-31 364
el-tree常用操作
el-date-picker的使用，及解决切换type时面板样式错乱问题
qq_53857666的博客
05-30 187
el-date-picker的使用
vue3中表格中通过判断某个字段来设置对应按钮和消息提示的disabled展示
李长渊的博客
05-27 513
vue3中表格中通过判断某个字段来设置对应按钮和消息提示的disabled展示
element-plus中el-tabel中使用el-image层级重叠问题踩坑记录
jieyucx的博客
05-29 269
【代码】element-plus中el-tabel中使用el-image层级重叠问题踩坑记录。
重生之我想写后端
qq_45941801的博客
05-31 273
利用onMounted，初次加载页面的时候，为页面注册一个监听器。当 ‘resize’ 事件发生时， 触发函数。此函数里监听窗口大小，当窗口小于 500px 时，改变 isCollpase boolean 值。利用 router-view。利用Vue 组件实现。
element-plus中el-dialog使用::v-deep()穿透设置样式不生效踩坑记录
jieyucx的博客
05-29 418
如上：我想去掉插槽自带的下边框和上边框，但是不生效。给el-dialog加个类，在不带scope的。
el-table增加el-dropdown下拉菜单
07-08
要在el-table中的每一行增加el-dropdown下拉菜单，可以使用el-table-column的scoped-slot来实现。以下是一个示例代码： ```html <el-table :data="tableData"> <el-table-column label="姓名"> <template slot-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值