[隨手記]自定義瀏覽器scrollbar樣式

問題:

如何自定義瀏覽器scrollbar樣式

答案:

/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/
::-webkit-scrollbar
{
	width: 10px;
	height: 10px;
	background-color: #FFF;
}
 
/*定義滾動條軌道 內陰影+圓角*/
::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #FFF;
}
 
/*定義滑塊 內陰影+圓角*/
::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #cfcfcf;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章