浏览器滚动条样式更改
生活随笔
收集整理的這篇文章主要介紹了
浏览器滚动条样式更改
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
/* webkit內核瀏覽器 */::-webkit-scrollbar {
width: 8px;
}::-webkit-scrollbar-button {
width: 8px;
height: 5px;
}::-webkit-scrollbar-track {
background-color: #ddd;
border-radius: 0px;
}::-webkit-scrollbar-thumb {
background: #999;
border-radius: 0px;
}::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
}/* IE瀏覽器 */html {
/*滑塊和箭頭背景顏色*/
scrollbar-base-color: #7d7d7d;
/*背景邊框顏色*/
scrollbar-3dlight-color: #7d7d7d;
/*滑塊邊框顏色*/
scrollbar-highlight-color: #7d7d7d;
/*背景顏色*/
scrollbar-track-color: #EBEBEB;
/*箭頭顏色*/
scrollbar-arrow-color: #EBEBEB;
/*滑塊陰影*/
scrollbar-shadow-color: #7d7d7d;
/*背景陰影*/
scrollbar-dark-shadow-color: #EBEBEB;
}
轉載于:https://www.cnblogs.com/Zmmy/p/8531120.html
總結
以上是生活随笔為你收集整理的浏览器滚动条样式更改的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 在Visual Studio Code中
- 下一篇： HTML音乐标签和滚动