el-button更改选中后的默认颜色

这篇具有很好参考价值的文章主要介绍了el-button更改选中后的默认颜色。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

先统一设置按钮颜色type="primary"

el-button 颜色,html,前端,javascript

点击后将颜色改为橘色效果图:

el-button 颜色,html,前端,javascript

修改样式代码如下:

el-button 颜色,html,前端,javascript文章来源地址https://www.toymoban.com/news/detail-580044.html

  .el-button--primary.is-active,
  .el-button--primary:active {
    background: rgb(230, 162, 60);
    border-color: rgb(230, 162, 60);
    color: #fff;
  }

  .el-button--primary:focus,
  .el-button--primary:hover {
    background: rgb(230, 162, 60);
    border-color: rgb(230, 162, 60);
    color: #fff;
  }

到了这里,关于el-button更改选中后的默认颜色的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue+element ui中的el-button自定义icon图标

    button的icon属性自定义一个图标名称,这个自定义的图标名称会默认添加到button下i标签的class上,我们只需要设置i标签的样式就可以了 ##3. 按钮上使用自定义的icon

    2024年02月05日
    浏览(44)
  • vue 基于element-plus el-button封装按钮组件

    封装组件的原则是:组件只是数据流通的一个管道,不要糅合太多的逻辑在里面,是一个纯组件,还要根据自己项目的业务场景做具体的处理。

    2024年02月10日
    浏览(48)
  • vue el-table的每行操作el-button添加单独的loading效果实现

    实现就这么简单,一目了然。 你的压力来源于无法自律,只是假装努力,现状跟不上内心的欲望,所以你焦虑又恐惧。

    2024年02月13日
    浏览(56)
  • Android 设置TabLayout选中后的字体、大小、颜色等设置

    初始化 1)在xml中设置颜色变化 其中,tabTextColor未未选中时的颜色,tabSelectedTextColor为选中时的颜色。 2)对已定义好的TabLayout进行处理。 在监听器中设置样式 在选中时或未选中时,获取已设置的TextView,然后可以去设置需要的大小、加粗等变化。 我做了一个简单的封装,这

    2024年02月12日
    浏览(38)
  • 前端vue自定义柱形图 选中更改柱形图颜色及文字标注颜色

    随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随

    2024年02月12日
    浏览(49)
  • echarts地图,选中颜色设置;取消鼠标默认事件,点击选中地图实现颜色变化,选择高亮,选中高亮,取消选中(再次点击取消选中),以下面地图为例

    echarts地图,选中颜色设置;取消鼠标默认事件,点击选中地图实现颜色变化,选择高亮,选中高亮,取消选中(再次点击取消选中),下面以四川部分地图为例 针对选择模式,非点击(click),选择事件,可以获取相关地图数据,使用echarts地图的事件方法 mapselectchanged

    2024年02月11日
    浏览(48)
  • el-table默认选中

    最近开发,记录下el-table组件默认选中数据的方式,后台返回的数据不尽相同,代码里面有注释,可以自己根据不同的值换成自己需要的对应的key 场景1:根据用户选择的不同的id去请求渲染的数据,在渲染出来的数据里面进行数据的默认勾选 场景2:每次渲染的表格不同,所以

    2024年02月11日
    浏览(45)
  • el-tabs 默认选中第一个

    1. 实际开发中el-tabs 都会设置第一个为默认值 ,这样会好看一点,   而渲染的数据经常是通过后端返回的数据 , v-model  无法写死默认值   解决办法 , 通过计算机属性  ,在data 定义一个 selectedTab 

    2024年02月06日
    浏览(41)
  • el-table多选框设置默认选中,翻页保留选中状态

    最近碰到个需求,el-table列表渲染数据,要求有多选框并且附带默认选中,翻页后保留选中状态 写默认选中时百度一下还很简单,但是碰到个bug,第一次翻页可以保留,第二次翻页回来之后选中的就没了。 经过研究解决,记录一下,直接上代码了 默认选中只需要给table增加

    2024年02月14日
    浏览(53)
  • Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中

    目录 默认样式 修改默认字体颜色: 修改鼠标悬浮/选中字体颜色: 去掉长分割线并修改下划线颜色 完整代码 默认样式 注意事项:一定要在 style scoped不然修改的样式不会覆盖生效 修改默认字体颜色: 修改鼠标悬浮/选中字体颜色: 去掉长分割线并修改下划线颜色 完整代码

    2024年02月04日
    浏览(88)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包