今天我們要客製化瀏覽器捲軸的樣式,捲軸通常會有「滑桿 thumb」、「軌道 track」與「按鈕」: 不過實際上要依據作業系統而定,像是在 Mac 中的捲軸就沒有按鈕。 通常我們要改變捲軸的樣式,指是改變捲軸的顏色與大小,讓捲軸也能符合我們畫面的色彩搭配。 一、捲軸顏色 scrollbar-color scrollbar-color 可以寫兩個顏色,依序是滑桿與軌道的顏色: .scrollable { scrollbar-color: 滑桿顏色thumb 軌道顏色track; } ...
.hide-scrollbar::-webkit-scrollbar{ display: none; }