目标:去掉右侧特定的下拉箭头
过程:
查很多资料,都没有效果。后来突发奇想,说不定是因为我没有锁定我需要修改的那个下拉箭头。于是在控制台查看元素,发现是<li>标签的结构,简单查阅资料,打算先定下位。
输入以下代码后,发现成功选中该<li>标签,很好,打下了成功第一步
li:nth-child(1) {
background-color: #00d8ff;
}
后遂把我查阅到的使下拉箭头消失的代码粘进去,至此大功告成!
//取消第一个箭头icon
li:nth-child(1) {
//background-color: #00d8ff;
::v-deep .el-submenu__title {
.el-icon-arrow-down {
display: none;
}
}
}
思路:
1.查阅资料了解基本方法
2.根据控制台元素,锁定自己项目中的元素(用background-color检测)
3.使用查阅的方法使下拉箭头消失(套把查阅的方法套进锁定的代码中)
解决办法:(可直接跳转到这儿)
//取消第一个箭头icon
li:nth-child(1) {
//background-color: #00d8ff;
::v-deep .el-submenu__title {
.el-icon-arrow-down {
display: none;
}
}
}
最后:
我是一名大二的计科女大学生,希望大家相互沟通交流,学习进步哦o(* ̄▽ ̄*)ブ~