捲軸及箭頭顏色修改

/* ------------ 這是 Chrome瀏覽器設捲軸 的方式 ------------ */
/* 捲軸底色 */
::-webkit-scrollbar
{
background-color:#79b5dd; ←色碼請自行修改
}


/* 捲軸上方的箭頭 */
::-webkit-scrollbar-button:vertical:decrement{
background-image: url("上方箭頭圖片網址");
background-repeat: no-repeat;
}

/* 捲軸下方的箭頭 */
::-webkit-scrollbar-button:vertical:increment {
background-image: url("下方箭頭圖片網址") ;
background-repeat: no-repeat;
}


/* 捲軸拉的軸軌的顏色 */

::-webkit-scrollbar-thumb{
background-color:#006cd8; ←色碼請自行修改
}

/* 捲軸拉的垂直軸軌設成圓角及顏色 */
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color:#006cd8; ←色碼請自行修改
-webkit-border-radius: 6px; ←圓角的角度請自行修改
}


/* 捲軸拉的橫向軸軌設成圓角及顏色 */
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color:#006cd8; ←色碼請自行修改
-webkit-border-radius: 3px; ←圓角的角度請自行修改
}


/*滾動軸上下左右的最上端角*/
::-webkit-scrollbar-corner{
background-color: #79b5dd; ←色碼請自行修改
}

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

響應式網頁架站只要6,888元起|[RWD]響應式網站，自適應網頁，讓SEO搜尋引擎最佳化你的網站

"你是獵人還是獵物？"