无法更改 vuejs-datepicker 的宽度和高度

Question

我查看了这个vuejs-datepicker以将datepicker添加到我的项目中。

<div class="startDate">
    <datepicker
     v-model="startDate"
     format="YYYY-MM-DD"
     name="startDate"
     ></datepicker>
</div>

从“vue-date-picker”导入日期选择器；

<style scoped>
  .startDate {
   width: 150px;
   }
<style>

但是startDate 的宽度仍然显示238px，这是datepicker的默认宽度。

Answer 1

首先从样式部分删除范围。并通过检查datepicker 元素获取类名。

在这里，在我的例子中，startDate 的类名是.datetime-picker input[data-v-a46a390c]

现在，像这样应用到 css 中：

.datetime-picker input[data-v-a46a390c] {
  width: 150px;
  height: 38px;
}