elment ui 修改时间选择器的宽度及高度

一、html代码如下：用一个div包裹el-date-picker

<div class="date-box">
     <el-date-picker
          v-model="startDate"
          type="date"
          placeholder="选择日期"
          class="date-input"
     >
     </el-date-picker>
</div>

二、css代码如下：使用date-box定义宽度是为了消除el-date-picker的自带宽度，如图：

date-input的宽度是选择器本身的宽度

.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;
}

三、效果如下：