<span>选择日期 </span>
<el-date-picker class="datebox"
style="width: 150px;padding:0px 5px ;"
align="right"
v-model="date1"
type="date"
placeholder="">
</el-date-picker>
当项目中使用的 css 扩展语言是 less, 需要使用 /deep/ 或者 ::v-deep 深度选择器来修改 外用第三方组件的样式
<style lang="scss" scoped>
.row-bg {
padding: 0;
background-color: #f9fafc;
border-radius: 4px;
background: #b9cde6;
height: 40px;
}
.datebox{
height: 32px ;
::v-deep .el-input__inner{
height: 33px ;
}
}
</style>