修改vue element的穿梭框 el-transfer的寬度

如果在使用vue+element中，用到組件穿梭框el-transfer的時候，想自定義文本框的寬度，可以修改node_modules的樣式來達到目的

<template>
      <el-transfer
        filterable
        filter-placeholder="請輸入"
        v-model="value"
        :data="data">
      </el-transfer>
</template>

在node_modules\_element-ui@2.4.6@element-ui\lib\theme-chalk\index.css 搜索 el-transfer-panel 這個類

 

 在 el-transfer-panel 的樣式下面有個 width 默認值是 200px  修改成 需要的值即可