專案當中用到的滾動條樣式,在別人的基礎上調成適合自己的樣式。(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...