el-time-picker修改样式

最新推荐文章于 2024-08-08 17:19:33 发布

汐忆铃雪

最新推荐文章于 2024-08-08 17:19:33 发布

阅读量118

点赞数 2

文章标签： vue 前端 elementui

本文链接：https://blog.csdn.net/wang457777271/article/details/140892751

版权

在这里插入图片描述

<el-time-picker is-range popper-class="pinkTimes" v-model="timeValue" range-separator="至" start-placeholder="开始时间"
                    end-placeholder="结束时间" placeholder="选择时间范围">
                </el-time-picker>```
加入popper-class属性
写一个全局样式文件引入
import './trackdetail.scss'

文件内容  样式穿透

.pinkTimes .el-time-spinner__item{
    color: white !important;
}
.pinkTimes .el-time-spinner__item:hover:not(.disabled):not(.active){
    background: rgb(17, 46, 140) !important;
    color: rgb(111, 139, 233) !important;
}
.pinkTimes .el-time-panel__btn{
    color: white !important;
}