1. 美化滚动条
- * {
- scrollbar-base-color: #2d5333;
- scrollbar-3dlight-color: #fff;
- scrollbar-highlight-color: #fff;
- scrollbar-track-color: #eee;
- scrollbar-arrow-color: #2d5333;
- scrollbar-shadow-color: #fff;
- }
- ::-webkit-scrollbar {
- width: 8px;
- height: 11px;
- }
- ::-webkit-scrollbar-track,
- ::-webkit-scrollbar-thumb {
- /* border-radius: 999px; */
- /* border: 5px solid transparent; */
- }
- ::-webkit-scrollbar-track {/* box-shadow: 1px 1px 5px rgba(0,0,5,.2) inset; */
- background-color: #eee;
- } /* 滚动条的滑轨背景颜色 */
- ::-webkit-scrollbar-thumb {
- /* min-height: 20px; */
- /* background-clip: content-box; */
- /* box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset; */
- background-color: #2d5333;
- } /* 滑块颜色 */
- ::-webkit-scrollbar-corner {
- /* background: transparent; */
- background-color: black;
- } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
- ::-webkit-scrollbar-button {
- background-color: #eee;
- } /* 滑轨两头的监听按钮颜色 */
来源: http://www.bubuko.com/infodetail-2520071.html