修改el-select下拉框的高度

在Element UI中，要修改el-select下拉框的高度，可以通过CSS覆盖默认样式来实现。你可以为el-select添加一个自定义类名，然后在CSS中为这个类指定一个特定的高度。

HTML:




<el-select class="custom-select-height" placeholder="请选择">
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
  </el-option>
</el-select>

CSS:




.custom-select-height .el-select-dropdown {
  height: 200px; /* 你想要的高度 */
}

请确保这段CSS被正确加载，并且在Vue组件中的options已经被正确设置。这样，当你的el-select下拉框被展开时，它将显示为你设置的高度。

修改el-select下拉框的高度

评论已关闭

推荐阅读