Scrollbar 美化( 三种美化 )


模板 > 修改 HRML > Ctrl + F 寻找 ( 代码添加上面就对了 )

]]></b:skin>

第一种是表面而已的 
( 如果是要第二种或是第三种就必须添加以下代码 )

::-webkit-scrollbar {
height: 12px;
width: 15px;
background:#333333;
}

::-webkit-scrollbar-thumb {
background: #555555;
}

第二种是经过是变色 
( 如果没有加第三种那你按 scrollbar 时的颜色是第二种 )

::-webkit-scrollbar:hover {

height: 12px;
width: 15px;
background:#333333;
}

::-webkit-scrollbar-thumb:hover {
background: #B3B3B3;
}

第三种是激活 scrollbar 时的变色代码
( 激活的意思是按着 srcollbar 的意思 )

::-webkit-scrollbar:active {

height: 12px;
width: 15px;
background:#333333;
}

::-webkit-scrollbar-thumb:active {
background: #ffffff;
}


PS :红色字的都能改哦 ~ ,不明白留言问我吧 ~



没有评论:

发表评论