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

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

23 人参与  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