修改后样式如下:

修改样式在带有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;
}

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