elementui el-select 变小+透明

最新推荐文章于 2024-10-28 16:46:24 发布

接着奏乐接着舞

最新推荐文章于 2024-10-28 16:46:24 发布

阅读量1.6k

点赞数

本文链接：https://blog.youkuaiyun.com/a378113472/article/details/115672823

版权

  <el-select v-model="value" placeholder="请选择" filterable clearable>
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    >
    </el-option>
  </el-select>

  /deep/.el-input--medium .el-input__inner {
  background: transparent;
  width: 100%;
  height: 25px;
  line-height: 25px;
  // width: 50%;
}
/deep/.el-select > .el-input {
  width: 60%;
}
/deep/ .el-popper[x-placement^="top"] {
  min-width: 120px !important;
}
/deep/ .el-select-dropdown el-popper {
  min-width: 120px !important;
}
/deep/ .el-input--medium .el-input__icon {
  line-height: 25px;
}