位置: 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)

  • 缴纳当月的增值税
  • 增值税零税率是一种税收优惠政策
  • 有金额的框架协议要交印花税吗
  • 会计记账凭证如何填制
  • 自然人系统怎么申报个人所得税
  • 报税中反写是什么意思
  • 转出未交增值税是借方还是贷方
  • 5个点的税率是多少
  • 收据可以盖发票专用章吗有效吗
  • 工会费可以个税抵扣吗
  • 购进货物建不动产进项税额抵扣
  • 充值给予的优惠怎么用
  • 应收账款换入固定资产双方账务处理
  • 准予扣除的工会经费怎么算
  • 非独立核算的分公司怎么做账
  • 个人去税务局开劳务发票要交多少税
  • 新25项工资薪金是什么
  • 资源税计税依据含不含增值税
  • 旧货销售的增值税税率
  • 应用程序无法正常启动(0xc0000142)
  • 王者荣耀中廉颇是哪一个族的族长
  • 酒店的啤酒
  • php字符串型数据的定义方式
  • 子公司之间能否相互承包工程
  • ESP32-CAM AI THINKER 引脚排列:GPIO 用法说明
  • 存货按实际成本计价是指每种存货的收发结存
  • 税款滞纳金会计处理
  • es6的module模块
  • 小程序开发定制
  • php分页查询的简称是什么
  • 关于眼中的世界的作文
  • php access_token
  • 赔偿金需要交税么
  • 个税率是多少
  • 税收优惠属于政府补助
  • 如何解决安装包解析错误
  • 将表里的数据批量删除
  • 水利基金的计税税率6
  • 民间非营利组织会计制度及操作实务
  • 建筑企业缴纳资源税
  • 电商平台收入何时到账
  • 固定资产计提折旧表
  • 企业拆迁安置房屋没有房产证可以买吗
  • 新公司核税需要什么材料
  • 个人怎么缴纳五险一金
  • 工会活动支出如何记账
  • 企业营业外支出是什么意思
  • 其他应付款贷方增加还是减少
  • 金税盘一直没用过
  • 会务费所需要注意的细节
  • 劳务分包企业收入怎么算
  • 开办费包括哪些内容多少钱
  • 建总账的注意事项
  • windows server 2008 R2
  • os x yosemite wifi断线怎么办?yosemite wifi掉线解决详细步骤
  • linux rpm包安装
  • realjbox.exe - realjbox是什么进程 作用是什么
  • linux下4种kill某个用户所有进程的方法
  • win7安装补丁慢的原因
  • linux各种命令
  • win10正式版发布时间
  • 如何在linux shell关闭443端口
  • QT for Android HelloWorld实现
  • python rem
  • perl模块下载
  • cocos2dx3.0的label字体去描边
  • unity3d游戏引擎支持几种平台发布?
  • jquery fadein 源码
  • nodejs中的session
  • jquery给table赋值
  • unity shader视频教程
  • 使用GeoPainter一步一步布置场景
  • 辽宁省视同缴费标准?
  • 稽查局是税务局的派出机构还是内设机构
  • 国家税务局大厅上班时间
  • 司法拍卖车免除扣分吗
  • 税务意识形态工作主要内容有哪些
  • 全国初中应用物理知识竞赛获奖名单
  • 残疾人的房产可以买卖吗
  • 上海房产税交易中心电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设