当前位置:首页 » 《关于电脑》 » 正文

【前端】element button鼠标点击按钮更改样式

22 人参与  2024年05月06日 12:16  分类 : 《关于电脑》  评论

点击全文阅读


目录

一、实现效果二、代码如下?写在最后

一、实现效果

在这里插入图片描述

二、代码如下

        <span>          <el-button type="text">            <img src="../../../../../src/assets/slice/question.png" style="font-size: 14px;margin-bottom: 0.26rem">            <span style="margin-top: 0.22rem">按钮1</span>          </el-button>          <el-button style="margin-left: 0.5rem" plain>按钮2</el-button>        </span>
/*鼠标激活*/  /deep/.el-button--text.is-active,  /deep/.el-button--text:active {  background: #EDF0F5;  border-color: #EDF0F5;  color: #EDF0F5;}  /*鼠标点击时边框颜色去掉*/  /deep/.el-button--text:focus {  outline: none;}  /*鼠标悬浮*/  /deep/.el-button--text:hover {  background: #EDF0F5;  border-color: #EDF0F5;  color: #78808F;}  /deep/.el-input__inner {    /*height: 32px;*/    border-radius: 0;    font-size: 0.875rem;  }  /deep/.el-button {    height: 32px;    border-radius: 2px;    opacity: 1;    /*border: 1px solid #E0E0E0;*/    padding: 0 1.5rem;  }  /deep/.el-button--text {    color: #78808F;    background-color: #ffffff;    border-color: #ffffff;    padding: 0.5rem 0.6rem;  }

?写在最后

希望我的分享能够帮助到更多的人,如果觉得我的分享有帮助的话,请大家一键三连支持一下哦~
❤️原创不易,期待你的关注与支持~
点赞?+收藏⭐️+评论✍️
?之后我会继续更新前端学习小知识,关注我不迷路~


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/104105.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 许墨璃陆尽年:全书+番外(许墨璃陆尽年:全书+番外)_许墨璃陆尽年:全书+番外(许墨璃陆尽年)列表_笔趣阁(许墨璃陆尽年)
  • 梁慕白苏洛(轻弹一首别离:结局+番外)列表_轻弹一首别离:结局+番外(梁慕白苏洛)全书+后续+结局在线
  • 幽思燃烬忘川路:叶墨谨幽璃:全书+后续(叶墨谨幽璃)免费在线_幽思燃烬忘川路:叶墨谨幽璃:全书+后续全书(叶墨谨幽璃)
  • 梦断南风起,醒时皆成空:结局+番外(尹若雪楚沐珊)_(尹若雪楚沐珊)梦断南风起,醒时皆成空:结局+番外后续免费(尹若雪楚沐珊)
  • 全书浏览惊御爷的心尖宠竟是黑道大小姐+番外(许轻欢)_惊御爷的心尖宠竟是黑道大小姐+番外(许轻欢)全书结局
  • 七零年代,作精女配坏透了(傅宴)_七零年代,作精女配坏透了
  • 六十岁,老公把初恋接回家删减内容修复版本_[徐涛孙静白安]小说精彩节选试读
  • 许助理娇娇软软上司老公哄着宠+后续+(霍西临)_许助理娇娇软软上司老公哄着宠+后续+
  • 幽思燃烬忘川路:全书+后续(幽思燃烬忘川路:全书+后续)_幽思燃烬忘川路:全书+后续(幽璃叶墨谨)列表_笔趣阁(幽璃叶墨谨)
  • 幽思燃烬忘川路:全书+完结篇(叶墨谨幽璃)_幽思燃烬忘川路:全书+完结篇全书列表_笔趣阁(叶墨谨幽璃)
  • 叶重楼徐湘姒后续篇(又名:重楼难解相思苦)_叶重楼徐湘姒后续篇(又名:重楼难解相思苦)
  • 爱似流萤遇繁星全书+后续(沐星澜陆司沉)_(爱似流萤遇繁星全书+后续)爱似流萤遇繁星全书+后续列表_笔趣阁(沐星澜陆司沉)

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1