在typescript官方文件裡注意到的樣式，算做個小筆記。
只在web-kit 瀏覽器中有效：
效果：
/* 核心** */
::-webkit-scrollbar
::-webkit-scrollbar-thumb
::-webkit-scrollbar-track
::-webkit-scrollbar-thumb
:hover
style>
head>
class="cont">
這裡是容器內容
div>
body>
html>另：看了下網上相關修改滾動條的文章，可以參考下：
webkit核心的滾動條樣式
專案當中用到的滾動條樣式，在別人的基礎上調成適合自己的樣式。ie可以除錯滾動條樣式，firefox目前不能除錯 webkit scrollbar track scroll thickness webkit scrollbar track track color webkit scrollbar th...
chrome滾動條樣式修改
對於chrome瀏覽器，它提供了修改滾動條樣式的介面，開發者只需要加上幾句css指令碼，就可輕鬆實現滾動條樣式的修改.先說一下滾動條的引數 webkit scrollbar 滾動條整體部分，可以設定寬度啥的 webkit scrollbar button 滾動條兩端的按鈕 webkit scroll...
修改滾動條的樣式
滾動條樣式 webkit scrollbar 正常情況下滑塊的樣式 webkit scrollbar thumb 滑鼠懸浮在該類指向的控制項上時滑塊的樣式 hover webkit scrollbar thumb 滑鼠懸浮在滑塊上時滑塊的樣式 webkit scrollbar thumb hover...