合理解决vue3+Element-plus按钮点击之后颜色不还原的问题

枯草随风倒

已于 2023-06-01 22:33:14 修改

阅读量1.4k

点赞数 1

分类专栏： web前端 CSS 文章标签：前端 vue3 element-plus

于 2023-05-24 18:31:10 首次发布

本文链接：https://blog.youkuaiyun.com/qq_39252501/article/details/130852975

版权

web前端同时被 2 个专栏收录

9 篇文章

订阅专栏

CSS

4 篇文章

订阅专栏

导入element-plus样式函数
覆盖原focus样式

@use 'element-plus/theme-chalk/src/mixins/function.scss' as *;
.el-button, .el-button.is-link {
    &:focus {
        color: getCssVar('button', 'text-color');
        border-color: getCssVar('button', 'border-color');
        background-color: getCssVar('button', 'bg-color');
        outline: none;
    }
}