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

  • 苹果可以更新13.4.1系统吗(苹果可以更新16.5吗)

    苹果可以更新13.4.1系统吗(苹果可以更新16.5吗)

  • 自拍模糊是怎么回事啊(自拍模糊是怎么回事)

    自拍模糊是怎么回事啊(自拍模糊是怎么回事)

  • 内容和隐私访问限制开还是关(内容和隐私访问限制密码是什么)

    内容和隐私访问限制开还是关(内容和隐私访问限制密码是什么)

  • 路由器上的wps键有什么用(路由器上的WPS键是干嘛用的)

    路由器上的wps键有什么用(路由器上的WPS键是干嘛用的)

  • 微信京东购物和京东是一回事吗(微信京东购物和京东平台价钱一样吗)

    微信京东购物和京东是一回事吗(微信京东购物和京东平台价钱一样吗)

  • 腾讯会议学生能看见学生吗(腾讯会议学生能看到学生吗)

    腾讯会议学生能看见学生吗(腾讯会议学生能看到学生吗)

  • excel表格内怎么画虚线(excel表格内怎么另起一行)

    excel表格内怎么画虚线(excel表格内怎么另起一行)

  • 华为手机充电显示电池异常怎么解决(华为手机充电显示怎么设置)

    华为手机充电显示电池异常怎么解决(华为手机充电显示怎么设置)

  • rx580相当于什么显卡(rx450h)

    rx580相当于什么显卡(rx450h)

  • 手机声音小怎么调大声(手机声音小怎么回事)

    手机声音小怎么调大声(手机声音小怎么回事)

  • word带分数怎么输入(word怎么弄出分数)

    word带分数怎么输入(word怎么弄出分数)

  • 华为移动服务是做什么的(华为移动服务是什么问题)

    华为移动服务是做什么的(华为移动服务是什么问题)

  • 怎么修改时间(手机怎么修改时间和日期)

    怎么修改时间(手机怎么修改时间和日期)

  • oppo怎么关闭下滑搜索栏(oppo手机怎么关闭下载权限)

    oppo怎么关闭下滑搜索栏(oppo手机怎么关闭下载权限)

  • 苹果怎么设置录屏功能(苹果怎么设置录视频音乐不中断)

    苹果怎么设置录屏功能(苹果怎么设置录视频音乐不中断)

  • ios13怎么隐藏dock(ios13怎么隐藏app)

    ios13怎么隐藏dock(ios13怎么隐藏app)

  • apple watch series4怎么接收QQ消息

    apple watch series4怎么接收QQ消息

  • 怎么注销一周cp号(cp注销对方知道吗)

    怎么注销一周cp号(cp注销对方知道吗)

  • 电竞屏和ips屏的区别(ips电竞屏什么意思)

    电竞屏和ips屏的区别(ips电竞屏什么意思)

  • 腾讯地图如何标注(腾讯地图如何标注店铺)

    腾讯地图如何标注(腾讯地图如何标注店铺)

  • oppo手机出现绿条原因(oppo手机出现绿色方块模式怎么取消)

    oppo手机出现绿条原因(oppo手机出现绿色方块模式怎么取消)

  • 怎么查通电话记录(如何查询电话的通话记录)

    怎么查通电话记录(如何查询电话的通话记录)

  • 6跟6s区别大吗(iphone6和6s的区别大吗)

    6跟6s区别大吗(iphone6和6s的区别大吗)

  • 16个常见的BIOS硬盘故障现象及急救措施(bios里硬盘是哪个)

    16个常见的BIOS硬盘故障现象及急救措施(bios里硬盘是哪个)

  • 税收滞纳金是什么债权
  • 资产处置损益影响所有者权益总额吗
  • 什么记在借方
  • 政府奖励收入要交企业所得税么
  • 员工预支薪金怎么记账
  • 公司收到红字发票怎么开
  • 明明申报了为什么显示没有申报
  • 有期末留抵税额增值税和附税还用计提和缴纳吗
  • 房地产开发企业土地增值税清算
  • 企业实际发生的公益性捐赠支出
  • 经营结余年末结转
  • 消费税申报流程税务实训平台
  • 代扣代缴的车船税现金流量怎样分配
  • 利息收入的纳税调整
  • 社保补助扶持给个人的钱是否需要缴纳个人所得税呢?
  • 取消国税用什么手续
  • 公司司机出车补贴
  • 发票作为付款凭证的案例
  • 社会保险的登记和申报程序
  • 简易征收不动产租赁税率是多少
  • 金税盘与税控盘及报税盘怎么区分
  • 即征即退收入是否计入所得税
  • 红字增值税专用发票信息表怎么填
  • 专家费收取多少合适
  • 如何关闭win10自带杀毒软件
  • xp系统怎么删除打印机驱动程序
  • win 10 请稍后
  • 高新企业认定条件2019
  • 购买电脑应该怎么做账
  • 事业编党费如何核算
  • 注册表编辑器误删怎么办
  • 车辆折旧完了以后
  • ieview.exe 是什么
  • 个人借款的合法利息是多少
  • 取得运输发票会计分录
  • PHP:imagecreatefromgd2()的用法_GD库图像处理函数
  • 现金清查的会计科目
  • 怎么开通公众号微信公众平台
  • 信用减值损失属于费用类科目吗
  • hive dt
  • vue2 diff算法
  • mongodb如何修改数据
  • 坏账准备计入科目
  • 公司吸收合并是利好吗
  • 职工福利费允许扣除比例
  • 收到天使投资账务处理
  • msdn sql server
  • sql server查询语句大全讲解
  • 以前年度损益调整借贷方向
  • 怎样在excel计算
  • 其他应收款收不回来怎么写情况说明
  • 工伤费退回会计分录
  • 财务负责人怎么实名认证
  • 住宿费报账怎么写
  • 企业在销售过程中支付的消费税应通过什么账户进行核算
  • 企业低值易耗品的摊销方法有( )
  • sql server服务器模式
  • 在linux操作系统中
  • macbook取消弹出框阻止
  • thinkpadx230i5
  • 任务管理器边框怎么设置
  • winxp怎么设置启动项
  • linux系统中网络配置文件一般放在
  • 如何在ubuntu上安装软件
  • 不用第三方软件获取鼠标坐标
  • mbr是什么启动
  • win10预览版好吗
  • linux sed
  • windows7宽带连接断开怎么办
  • android打包v1v2
  • opengl learn
  • 如何用unity
  • JavaScript中的math.pi
  • 10个JavaScript中易犯小错误
  • android基础知识大全
  • 如何设置python
  • bootstrap按钮的风格有哪些?
  • 江苏国家税务机关电话
  • 城镇土地使用税按月还是按年交
  • 红伞伞儿歌寓意着什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设