el-date-picker日期选择器修改宽高

345 阅读1分钟

给日期选择器外部报过一个盒子

           <div class="date-box">
              <el-date-picker
                v-model="dateRange"
                class="m-2"
                type="daterange"
                range-separator="To"
                start-placeholder="Start date"
                end-placeholder="End date"
            />

css代码:

.date-box >>> .el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 146px;
  margin: 0 10px;
}
.date-input >>> .el-input__inner {
  width: 146px;
  height: 40px;
}

其中,>>>的意思是穿透,类似:deep /deep/

方法参考:elment ui 修改时间选择器的宽度及高度_el-date-picker 宽度-CSDN博客