elementui下拉框设置尺寸

在Element UI中，可以通过给el-date-picker组件添加popper-class属性来修改下拉框的尺寸和样式。\[2\]你可以在该属性中添加一个自定义的类名，然后在样式中使用该类名来修改下拉框的大小和内容样式。例如，你可以设置下拉框的宽度为220px，高度为200px，同时修改下拉框中的字体大小等样式。具体的代码如下：

<el-date-picker popper-class="popperClass" size="small" v-model="year"></el-date-picker>

<style lang="scss" scoped>
.popperClass.el-date-picker {
  width: 220px;
  height: 200px;
  &__header-label {
    font-size: 14px;
  }
  .el-picker-panel__content {
    width: 220px;
    height: 200px;
    margin-left: 0;
  }
  .el-year-table td {
    padding: 5px 0;
    .cell {
      width: 32px;
      height: 32px;
    }
  }
}
</style>

这样，你就可以通过修改popper-class类中的样式来调整下拉框的尺寸和内容样式，而不会影响到其他地方使用的日期选择器。\[2\]
#### 引用[.reference_title]
- *1* *2* *3* [修改elmentui中el-date-picker下拉框样式(大小)](https://blog.csdn.net/chriscencen/article/details/117471344)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]