element中el-select下拉框整体样式修改 ，下拉菜单样式修改

下拉框

popper-append-to-body：

此属性是用来判断是否将弹出框（options）插入值body元素中，接受一个布尔值，默认值为true

当需要修改其样式时，可将其属性值设置为false

https://blog.csdn.net/qq_43432158/article/details/122497039

  //选择下拉框
    // option最外层
    .el-select-dropdown {
      background: rgba(8, 27, 69, 0.7) ;
      border-color:rgba(37, 175, 252, 1) ;
    }
    //右侧和下方的白边
    .el-scrollbar__wrap{
      margin-bottom: -20px !important;
      margin-right: -20px !important;
    }

 

下拉菜单

从以下方法可以中可以得出样式是可以修改的，那么采用内联样式同样可行

 <el-dropdown-menu slot="dropdown" style=" width: 132px;
  height: 40px;
  background: rgba(37, 175, 252, 0.15);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;" >
          <el-dropdown-item>管道</el-dropdown-item>
          <el-dropdown-item>检查井</el-dropdown-item>
        </el-dropdown-menu>

 

https://wenku.baidu.com/view/be25d1040422192e453610661ed9ad51f01d5404.html