当前位置：网站首页>el-dropdown下拉菜单样式修改,去掉小三角

el-dropdown下拉菜单样式修改,去掉小三角

2022-08-10 05:31:00 【怎么吃不饱捏】

修改后样式如下:

修改样式在带有scoped的style标签内是无效的

另写一个style标签,不要加scoped

具体代码如如下:

.el-dropdown-menu {
  background-color: #0a1d30 !important ;
  border: 1px solid #00487f !important ;
  border-radius: 0px;
}
.el-popper {
  position: absolute !important ;
  top: 481px !important;
  left: 52px !important;
}
.el-popper[x-placement^=bottom]{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
.el-dropdown-menu__item:not(:last-of-type){
  border-bottom:1px solid #00487f;
}
/* 消除小三角 */
.el-popper[x-placement^=bottom] .popper__arrow{
  border: none;
}
.el-popper[x-placement^=bottom] .popper__arrow::after{
  border: none;
}

 具体位置根据自己的情况调整一下就好了

原网站

版权声明
本文为[怎么吃不饱捏]所创，转载请带上原文链接，感谢
https://blog.csdn.net/song_song0927/article/details/125806931

边栏推荐

猜你喜欢

随机推荐