这篇文章主要介绍“浏览器滚动条样式怎么修改”,在日常操作中,相信很多人在浏览器滚动条样式怎么修改问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”浏览器滚动条样式怎么修改”的疑惑
这篇文章主要介绍“浏览器滚动条样式怎么修改”,在日常操作中,相信很多人在浏览器滚动条样式怎么修改问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”浏览器滚动条样式怎么修改”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
{
scrollbar-arrow-color: red;
scrollbar-face-color: #CBCBCB;
scrollbar-3Dlight-color: blue;
scrollbar-highlight-color: #333;
scrollbar-shadow-color: yellow;
scrollbar-darkshadow-color: green;
scrollbar-track-color: #eee;
scrollbar-base-color: black;
Cursor:url(mouse.cur);
}
::-WEBkit-scrollbar {
width:10px;
margin-right:2px
}
::-webkit-scrollbar-button {
width:10px;
background-color: yellow;
}
::-webkit-scrollbar:horizontal {
height:10px;
margin-bottom:2px
}
::-webkit-scrollbar-track {
border-radius: 10px;
}
::-webkit-scrollbar-track-piece {
background-color: #333333;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
width:10px;
border-radius: 5px;
background: #CBCBCB;
}
::-webkit-scrollbar-corner {
width: 10px;
background-color: red;
}
::-webkit-scrollbar-thumb:hover {
background: #909090;
}
.demo {
width: 400px;
height: 200px;
overflow: auto;
}
到此,关于“浏览器滚动条样式怎么修改”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!
--结束END--
本文标题: 浏览器滚动条样式怎么修改
本文链接: https://www.lsjlt.com/news/95017.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0