因为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，在该文件里面进行样式的编写文章来源：https://www.toymoban.com/news/detail-505624.html
.el-input__inner{
background-color: #0C3481;
opacity: 0.8;
color: #fff;
text-align: center;
}最后再引入即可完成样式的修改文章来源地址https://www.toymoban.com/news/detail-505624.html
<style scoped lang="scss">
@import url("@/assets/style/style.scss");
</style>到了这里，关于element-ui 修改时间选择器样式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
