**因为elementUI的时间选择器el-date-picker是将元素直接挂载到页面的
<body>
中,而非自身元素下,所以使用
/deep/
穿透也是无法定位到元素的。**
解决方案:
利用时间选择器的
popper-class
属性,给其设置样式。
<el-date-picker
v-model="value"
type="datetime"
placeholder="选择日期时间"
popper-class="date-style">
</el-date-picker>
然后再在src/assets下创建style.scss,在该文件里面进行样式的编写
.el-input__inner{
background-color: #0C3481;
opacity: 0.8;
color: #fff;
text-align: center;
}
最后再引入即可完成样式的修改
<style scoped lang="scss">
@import url("@/assets/style/style.scss");
</style>
本文转载自: https://blog.csdn.net/weixin_45316705/article/details/126033005
版权归原作者 realdp 所有, 如有侵权,请联系我们删除。
版权归原作者 realdp 所有, 如有侵权,请联系我们删除。