element-ui el-select之popper-class用法

我们用的el-select所有样式都是element提供的 平常差不多也够用了 但是难免设计会设计出更好看的el-select样式，作为强迫症的我们还是要把下拉框的样式改过来 但是单单\deep\是改不掉的 所以！！！popper-class就登场了

popper-class使用只需要注意两点：

1.popper-class要搭配:popper-append-to-body="false"使用

<el-select 
	  v-model="query.query.fileType"
	  :placeholder="'请选择'" label="文件类型" 
	  class="filter-item"
	  size="medium"
  	  clearable 
 	  style="width:150px;margin-right:20px;" 
   	  popper-class="select-down" 
  	  :popper-append-to-body="false"
      @change="handleChange()">
          <el-option
            v-for="(item,index) in option1"
            :key="index"
            :label="item"
            :value="item"
          />
        </el-select>

2.好像没有什么要注意的了 就看控制台层级结构写样式啦

科普一下 不好使就/deep/ 再不行就!important
像这样

/deep/.select-down .el-select-dropdown__item:hover{
      background-color: #FFF7F7 !important;
  }