webkit核心的滾動條樣式

2021-08-26 13:37:56 字數 619 閱讀 3562

專案當中用到的滾動條樣式,在別人的基礎上調成適合自己的樣式。(ie可以除錯滾動條樣式,firefox目前不能除錯)

::-webkit-scrollbar /* track & scroll thickness */

::-webkit-scrollbar-track /* track color */

::-webkit-scrollbar-thumb /* scroll color */

::-webkit-scrollbar-thumb:hover /* scroll hover color */

::-webkit-scrollbar-thumb:active /* scroll click & drag color */

分享一下 我的專案中的webkit核心滾動條樣式(chrome,sarfrai)

::-webkit-scrollbar

/* track */

::-webkit-scrollbar-track

/* handle */

::-webkit-scrollbar-thumb

::-webkit-scrollbar-thumb:window-inactive

web kit 修改滾動條樣式

在typescript官方文件裡注意到的樣式,算做個小筆記。只在web kit 瀏覽器中有效 效果 核心 webkit scrollbar webkit scrollbar thumb webkit scrollbar track webkit scrollbar thumb hover style...

樣式 滾動條

overflow x overflow y overflow 版本 css2 相容性 ie4 ns6 繼承性 無 語法 overflow visible auto hidden scroll 引數 visible 不剪下內容也不新增滾動條。假如顯式宣告此預設值,物件將被剪下為包含物件的window或...

滾動條樣式

scrollbar face color 滾動條凸出部分的顏色 scrollbar highlight color 滾動條空白部分的顏色 scrollbar shadow color 立體滾動條陰影的顏色 scrollbar 3dlight color 滾動條亮邊的顏色 scrollbar arro...