在ie和chrome瀏覽器中滾動條樣式的設置


  1、IE下設置滾動條樣式的屬性

scrollbar-arrow-color: color; /*三角箭頭的顏色*/scrollbar-face-color: color; /*立體滾動條的顏色(包括箭頭部分的背景色)*/scrollbar-3dlight-color: color; /*立體滾動條亮邊的顏色*/scrollbar-highlight-color: color; /*滾動條的高亮顏色(左陰影?)*/scrollbar-shadow-color: color; /*立體滾動條陰影的顏色*/scrollbar-darkshadow-color: color; /*立體滾動條外陰影的顏色*/scrollbar-track-color: color; /*立體滾動條背景顏色*/scrollbar-base-color:color; /*滾動條的基色*/
.ScrollBar {  scrollbar-arrow-color:  #000000;  scrollbar-base-color: #71b2dc;  scrollbar-face-color: #71b2dc;  scrollbar-shadow-color: #71b2dc;  scrollbar-highlight-color: #71b2dc;  scrollbar-3dlight-color: #88b8ed;  scrollbar-darkshadow-color: #88b8ed;  scrollbar-track-color:#bde6ff;}


2、chrome下設置滾動條 在樣式中加入以下。
::-webkit-scrollbar 滾動條整體部分,可以設置寬度啥的::-webkit-scrollbar-button 滾動條兩端的按鈕::-webkit-scrollbar-track  外層軌道::-webkit-scrollbar-track-piece  內層滾動槽::-webkit-scrollbar-thumb 滾動的滑塊::-webkit-scrollbar-corner 邊角::-webkit-resizer 定義右下角拖動塊的樣式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM