2023年6月20日发(作者：)

textarea滚动条_浏览器滚动条样式修改{ 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(); /*⾃定义个性⿏标*/ /*以上2项适⽤与：body、div、textarea、iframe*/ } ::-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; }

2023年6月20日发(作者：)

textarea滚动条_浏览器滚动条样式修改{ 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(); /*⾃定义个性⿏标*/ /*以上2项适⽤与：body、div、textarea、iframe*/ } ::-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; }