帮助:自定义WIKI导航栏

首页 > 帮助:自定义WIKI导航栏

短 刷 阅 编 历

前言

• 如下代码需要置入您的WIKI中mediawiki:common.css页面才能生效。
• 第一次更改mediawiki:common.css需要稍微等待才能生效。

代码

• 以下所有样式如果不生效，可在样式后面加!important强行覆盖

/* 一级导航背景色*/
.menu-wrap .wiki-menu-li-1 {
    background:red;
} 

/* 二级导航背景色 */
.menu-wrap .wiki-menu-ul-2{
    background:red;
}
/* 二级导航子项背景色 */
.menu-wrap .wiki-menu-ul-2 .wiki-menu-li-2{
    background:red;
}

/* 二级滚动条 */
.menu-wrap .wiki-menu-ul-2::-webkit-scrollbar{
    width: 8px;
    border-radius: 4px;
}
.menu-wrap .wiki-menu-ul-2::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
        border-radius: 5px;
        background: #4D4D4D;
      }
.menu-wrap .wiki-menu-ul-2::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
        border-radius: 0;
        background: blue;
 }

/* 三级导航背景色 */
.wiki-hoverbox{
    background:red
}
/* 三级导航子项背景色 */
.wiki-hoverbox .wiki-menu-li-3{
    background:red
}
/* 三级导航滚动条 */
.nicescroll-cursors{
    background:blue;
}