首页 前端知识 去掉el-sub-menu中的下拉箭头

去掉el-sub-menu中的下拉箭头

2024-03-21 15:03:44 前端知识 前端哥 77 685 我要收藏

发现的问题:
在这里插入图片描述
由于上方的“管理系统处”是标题处,所以并不需要后方的下拉箭头的显示
解决步骤:
1、通过浏览器中的调试元素,找到了该下拉箭头位置的css样式,所以需要将该样式隐藏;
在这里插入图片描述
2、由于该样式来自于element-plus组件,所以要修改该样式的话需要使用到css中的样式穿透“/deep/“ 。同时,我们的目的只是删除掉最上方的下拉箭头而不是全局的,所以我们需要通过css中的选择器方式来选中。
在这里插入图片描述
问题解决:
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4021.html
标签
评论
发布的文章

jQuery和CSS选择器的使用

2024-04-15 09:04:55

HTML前端表单校验的方法

2024-04-15 09:04:46

使用jQuery写一个注册界面

2024-04-15 09:04:46

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!