1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > element-ui 修改时间选择器样式

element-ui 修改时间选择器样式

时间:2020-09-30 17:22:33

相关推荐

element-ui 修改时间选择器样式

因为elementUI的时间选择器el-date-picker是将元素直接挂载到页面的<body>中,而非自身元素下,所以使用/deep/穿透也是无法定位到元素的。

解决方案:

利用时间选择器的popper-class属性,给其设置样式。

<el-date-pickerv-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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。