設置瀏覽器滾動條樣式
阿新 • • 發佈:2017-11-11
set hover -s over splay bsp width kit sha
::-webkit-scrollbar-thumb:hover/*滑塊效果*/{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.4); }
1.設置隱藏滾動條
::-webkit-scrollbar{
display:none;
}
2.設置滾動條樣式
/*********改變瀏覽器滾動條的樣式****************/
::-webkit-scrollbar/*整體部分*/{width: 10px; height:10px; }
::-webkit-scrollbar-track/*滑動軌道*/{ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); }
::-webkit-scrollbar-thumb/*滑塊*/{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); }
::-webkit-scrollbar-thumb:hover/*滑塊效果*/{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.4); }
設置瀏覽器滾動條樣式