美文网首页
对Tab标签页进行样式调整

对Tab标签页进行样式调整

作者: 念念碎平安夜 | 来源:发表于2022-02-16 10:04 被阅读0次
<style>
    /*对Tab标签页进行样式调整*/
    .el-tabs__item.is-active {
        color: rgb(11, 150, 151);
    }

    .el-tabs__active-bar {
        background-color: rgb(11, 150, 151);
    }

    .el-tabs__item:hover {
        color: rgb(11, 150, 151);
    }

    .el-tabs {
        height: 100% !important;
    }

    .el-tabs__content {
        height: calc(100% - 55px);
    }

    .el-tab-pane {
        height: 100%;
    }

    .el-tabs__header {
        padding: 0 30px;
    }
</style>

相关文章

  • 对Tab标签页进行样式调整

  • 【一周采集】#01

    1、浏览器中对标签页进行操作的快捷键: Control + Tab: 切换到当前标签页右侧的标签页,已经是窗口最右...

  • Chrome浏览器切换标签页快捷键+其他

    1 关于标签页的快切换快捷键Ctrl + Tab 向左切换标签页Ctrl + shift + Tab 向右切换Ct...

  • 产品原型设计干货(第二期)

    小老弟简述一下吧:使用动态面板进行不同tab标签的切换,另外利用动态面板进行tab标签的顺滑位移并对点击的状态进行...

  • Firefox个人配置简要

    扩展 Tab Mix Plus加强标签页功能 可以实现在紧邻标签页打开新标签页;屏幕外标签页当前屏幕显示;快捷键跳...

  • ubuntu桌面配置

    tab页样式 Ubuntu默认的页签样式不易区分当前页位置, 可以改成下面的效果. sudo vim /usr/s...

  • Flutter - Tab标签页

    日常工作中,我们有可能会有顶部的Tab页进行切换。这时候我们就用到了三个Widget。 TabBar Tab Ta...

  • V2.959 更新日志

    概要 本版主要进行了部分功能的修复和调整。标签设置中可以让标签不显示「样式图标」样式,这样更有利于我们 采用丰富的...

  • bootstrap里的tab栏切换

    1 在ul标签里面引入nav nav-tab的类即可实现相应的tab栏样式 其中 要为第一个li 标签添加acti...

  • BootStrap[第十五章:标签页和工具提示插件]

    一.标签页 标签页也就是通常所说的选项卡功能。 使用 JavaScript,直接使用 tab 方法。 二.工具提示...

网友评论

      本文标题:对Tab标签页进行样式调整

      本文链接:https://www.haomeiwen.com/subject/zhwrlrtx.html