新手編碼，記錄以防忘記。
qscrollbar:vertical
width:9px;
background:rgba(56,135,255,0%);
margin:0px,0px,0px,0px;
padding-top:9px; /*留出9px給上面和下面的箭頭*/
padding-bottom:9px;
qscrollbar::handle:vertical
width:9px;
background:rgba(56,135,255,25%);
border-radius:4px; /*滾動條兩端變成橢圓*/
min-height: 20px;
qscrollbar::handle:vertical:hover
background:rgba(56,135,255,50%); /*滑鼠放到滾動條上，顏色變深*/
qscrollbar::up-arrow:vertical{
image: url(:/image/scroll_up_arrow.png);
margin:-5px -5px -5px -5px;
subcontrol-position:top;
qscrollbar::down-arrow:vertical{
image: url(:/image/tree_down_arrow.png);
margin:-5px -5px -5px -5px;
subcontrol-position:bottom;
qscrollbar:horizontal
height:9px;
background:rgba(56,135,255,0%);
padding-left:9px; /*留出10px給左和右的箭頭*/
padding-right:9px;
qscrollbar::handle:horizontal
height:9px;
background:rgba(56,135,255,25%);
border-radius:4px; /*滾動條兩端變成橢圓*/
qscrollbar::handle:horizontal:hover
height:9px;
background:rgba(56,135,255,50%); /*滑鼠放到滾動條上，顏色變深*/
border-radius:4px;
qscrollbar::right-arrow:horizontal{
image: url(:/image/tree_right_arrow.png);
margin:-5px -5px -5px -5px;
subcontrol-position:right;
qscrollbar::left-arrow:horizontal{
image: url(:/image/scroll_left_arrow.png);
margin:-5px -5px -5px -5px;
subcontrol-position:left;
qscrollbar::add-page:vertical,qscrollbar::sub-page:vertical,qscrollbar::add-page:horizontal, qscrollbar::sub-page:horizontal /*當滾動條滾動的時候，上面的部分和下面的部分*/
background:rgba(56,135,255,10%);
設定滾動條樣式
html scrollbar 3d light color立體滾動條亮邊的顏色 scrollbar arrow color上下按鈕上三角箭頭的顏色 scrollbar base color滾動條的基本顏色 scrollbar dark shadow color立體滾動條強陰影的顏色 scrollba...
CSS 設定滾動條樣式
定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸 webkit scrollbar 定義滾動條軌道 內陰影 圓角 webkit scrollbar track 定義滑塊 內陰影 圓角 webkit scrollbar thumb 定義滾動條就是利用偽元素與偽類，那什麼是偽元素和偽類呢？偽類大家應該...
CSS 設定滾動條樣式
從dhtml出現以來，微軟對dhtml功能的加強就沒有停止過，在微軟最新的遊覽器internet explorer 5.5的的ie5.5增加了許多新的樣式表內容，對滾動條的樣式進行修改也是其中之一，下面我們簡單地介紹一下涉及瀏覽器滾動條的樣式表內容 1 overflow內容溢位時的設定 overfl...