位置: IT常识 - 正文

vue3 Element Plus按钮点击之后颜色不会还原的解决方案(element ui vue 3)

编辑:rootadmin
思路:Element Plus提供了样式变量,我的解决思路就是修改其样式变量。 新建外部样式 xxx.css 加入内容: .el-button--primary { --el-button-bg-color: #409eff; --el-button-hover-bg-color: #409eff; ... 思路:Element Plus提供了样式变量,我的解决思路就是修改其样式变量。

推荐整理分享vue3 Element Plus按钮点击之后颜色不会还原的解决方案(element ui vue 3),希望有所帮助,仅作参考,欢迎阅读内容。

vue3 Element Plus按钮点击之后颜色不会还原的解决方案(element ui vue 3)

文章相关热门搜索词:element ui vue 3,vue3.0 element ui,element ui vue 3,vue3.0 element plus,vue3+element,vue3 element-plus,element-plus vue,element-plus vue,内容如对您有帮助,希望把文章链接给更多的朋友!

新建外部样式 xxx.css

加入内容:

.el-button--primary { --el-button-bg-color: #409eff; --el-button-hover-bg-color: #409eff;}.el-button--primary:hover { --el-button-hover-bg-color: #79bbff;}.el-button--warning.is-plain { --el-button-bg-color: #fdf6ec; --el-button-hover-text-color: #e6a23c; --el-button-hover-bg-color: #fdf6ec;}.el-button--warning.is-plain:hover { --el-button-hover-text-color: #fff; --el-button-hover-bg-color: #e6a23c;}.el-button--danger.is-plain { --el-button-bg-color: #fef0f0; --el-button-hover-text-color: #f56c6c; --el-button-hover-bg-color: #fef0f0;}.el-button--danger.is-plain:hover { --el-button-hover-text-color: #fff; --el-button-hover-bg-color: #f56c6c;}然后将xxx.css 引入到页面中。注:不知道怎么滴,全局引入页面的按钮不起作用,需要的单个页面中引入。以上内容只修改部分按钮的点击效果,如需修改多个按钮,依次添加。如有更好的解决思路和方案欢迎回复,如有更好的解决思路和方案欢迎回复,如有更好的解决思路和方案欢迎回复如有更好的解决思路和方案欢迎回复,
本文链接地址:https://www.jiuchutong.com/zhishi/304553.html 转载请保留说明!

上一篇:Maven 聚合工程的创建(java聚合工程)

下一篇:python里的π怎么输入(python里%s)

  • 安徽增值税发票勾选认证流程
  • 印花税的缴纳方式有哪三种
  • 我公司租了个人的房子如何入账
  • 财务要做哪些表
  • 费用发票跨月可以入帐吗
  • 购车保险返现如何做会计凭证
  • 无形资产摊销年限
  • 支付的保证金
  • 股权资本成本包括什么
  • 金融负债
  • 机器不生产计提折旧吗
  • 京东企业提现
  • 房屋所有权变更登记证书
  • 库存半成品属于什么会计科目
  • 工程施工企业人工成本最高多少
  • 小规模商业企业税率
  • 购入的苗木种植一段时间后再销售要交增值税吗?
  • 税后利润分配还要交税
  • 房地产企业预收账款
  • 退税文件提醒怎么看
  • 1697509479
  • 保税区内的货物交易
  • 营改增劳务费增值税率
  • 如何正确安装和使用电脑
  • 运费从货款中扣除后付款分录怎么做
  • windows无法连接到打印机指定的网络名不再可用
  • 或有事项的计量结束语
  • 商业支付时使用
  • 零申报 社保
  • 如何在qq好友旁边打字
  • 笔记本thinkbook14
  • vpengine.exe进程
  • PHP:curl_setopt_array()的用法_cURL函数
  • 水煮鱼的做法和步骤 家常
  • 企业的支出包括
  • 进出口公司如何做账
  • vue使用什么语言
  • 支付中介费和物业费比例
  • 刷题笔贴吧
  • 没有盈利的单位叫什么
  • 日记账的定义
  • 存货跌价准备的账务处理
  • python mad
  • 会议期间的餐费算会务费吗
  • 税率开成0了怎么办
  • 股东退股按什么退钱
  • 浅谈一下新冠的好处
  • 固定资产盘盈为什么计入管理费用
  • 小规模纳税人企业所得税优惠政策最新2023
  • 季度预缴企业所得税要交滞纳金吗
  • 融资租赁业务如何高效拓展
  • 应收账款的会计要素
  • 实物投资需要缴纳增值税吗
  • 注册资本未到位注销公司处理
  • 企业一般户怎么查询
  • 税控盘费和服务费一样吗
  • 其他综合收益属于什么科目借贷
  • 销售使用过的汽车增值税税率
  • 小企业建账选哪种会计制度
  • 商品流通企业进货费用
  • 修改mysql配置的两种方法
  • sql差异备份数据库怎么还原
  • win8系统打开软件很慢
  • window组件在哪里
  • windowsxp的开始菜单
  • win10更新预览版
  • centos开启后一直黑屏
  • msg是什么文件
  • linux安全性从何而来
  • 三分钟教你学会骑女式摩托车,连菜鸟都能学会
  • win10安全问题
  • 简单阐述javascript的主要作用
  • Bullet(cocos2dx)学习制作桌球游戏之前期准备
  • JavaScript中的this
  • js中倒计时器怎么实现
  • 有哪些比较好的android的框架
  • js拖拽排序实现思路
  • 珠海市香洲区有火车站吗
  • 员工的生育津贴计入工资总额吗
  • 小微企业所得税5%优惠政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设