当前位置: 首页 > news >正文

element ui的确认提示框按钮样式修改

修改确认提示框的默认按钮样式,使用css强制修改

例:

js代码:

this.$confirm("您确定要删除吗?此操作无法撤销并且将永久删除所有数据。", "提示", { type: "warning", cancelButtonClass: "user-cancel", confirmButtonClass: "user-confirm" }).then(() => {});

css代码:

.el-message-box .el-message-box__btns .user-cancel {color: #FFFFFF;background: #1890ff;border-color: #1890ff;
}.el-message-box .el-message-box__btns .user-cancel:hover {background: #46a6ff;border-color: #46a6ff;
}.el-message-box .el-message-box__btns .user-confirm {background: #ffffff;color: #606266;border: 1px solid #DCDFE6;zoom: 0.8;
} .el-message-box .el-message-box__btns .user-confirm:hover {background: #e8f4ff;border-color: #badeff;
}

http://www.lryc.cn/news/347771.html

相关文章:

  • 【vue】keep-alive:true缓存导致页面数据不刷新
  • Golang — map的使用心得和底层原理
  • Oracle如何收缩减小表空间大小
  • 【爬虫】爬取股票历史K线数据写入数据库(三)
  • 文心一言指令
  • 常用的命令技巧总结
  • T97燃脂咖啡招商模式,私域分销模式设计
  • 触摸OpenNJet,感悟云原生
  • UE4 自定义shader获取灯光位置
  • 机器学习(五) ----------决策树算法
  • Redis的数据完全是存在内存中的吗?
  • Linux开发--Linux设备驱动核心
  • vue3引入vant完整步骤
  • C语言——文件缓冲区
  • 如何快速检测原理图中的元器件与PLM系统的一致性,提高原理图设计准确性
  • 英特尔处理器排行
  • 【日志革新】在ThinkPHP5中实现高效TraceId集成,打造可靠的日志追踪系统
  • 英译汉早操练-(二十)
  • Go-Zero自定义goctl实战:定制化模板,加速你的微服务开发效率(四)
  • (五)STM32F407 cubemx IIC驱动OLED(1)IIC协议篇
  • OpenCV特征匹配总结
  • 二叉树的四种遍历代码实现
  • 系统和功能测试:确保软件的功能和易用性
  • 关于服务端接口知识的汇总
  • 树(数据结构)
  • Spring底层入门(十一)
  • 优质资料:大型制造企业等级保护安全建设整改依据,系统现状分析,网络安全风险分析
  • 几种监控工具学习
  • 树莓派python开发
  • 纯血鸿蒙APP实战开发——首页下拉进入二楼效果案例