vue 自定义 el-submenu 下拉图标，css三行代码解决

原创于 2023-08-22 14:34:01 发布 · 1.1k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#vue.js #css #前端

收录于

文章讲述了如何在Vue项目中，通过CSS调整`.el-submenu__title`中的下拉菜单箭头，使其与背景颜色一致实现隐藏效果，利用了CSS3的背景图片和颜色属性。

::v-deep .el-submenu__title {
  .el-icon-arrow-down:before {
    // content: '';
    background:  url('../../assets/images/home/xl.png'); //替换的背景
    background-size:100%;
    color: #F5F6FA;//自带的图标改成和背景颜色一样，达到隐藏效果
  }
}