el-date-picker选中时改变边框颜色

想要更换边框颜色

<div class="table-top-left">
    <el-date-picker
    class="top-date"
    style="width:280px"
    align="center"
    @change="dateChange"
    size="small"
    :clearable="false"
    v-model="dataValue"
    unlink-panels
    type="daterange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期">
    </el-date-picker>
</div>

CSS不要写在scoped中

.table-top-left{
    .is-active{
        border-color:#FF6A00
    }
    .is-active:hover{
        border-color:#FF6A00
    }
}

即可修改边框选中时颜色

posted @ 2022-04-01 16:01  喵喵队立大功  阅读(1323)  评论(0编辑  收藏  举报