html滚动条样式

清疚 2022-04-18 03:23 285阅读 0赞

/\* 针对谷歌浏览器生效的。（不兼容火狐，IE） \*/  
::-webkit-scrollbar   
\{   
    width: 6px;   
    height: 6px;   
    background-color: \#F5F5F5;   
\}   
     
/\*定义滚动条轨道 内阴影+圆角\*/   
::-webkit-scrollbar-track   
\{   
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);   
    border-radius: 10px;   
    background-color: \#F5F5F5;   
\}   
     
/\*定义滑块 内阴影+圆角\*/   
::-webkit-scrollbar-thumb   
\{   
    border-radius: 10px;   
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);   
    background-color: \#3399FF;   
\}

/\*IE\*/  
.sum\_menu\{  
    scrollbar-arrow-color: \#f4ae21; /\*\*//\*三角箭头的颜色\*/   
    scrollbar-face-color: \#3399FF; /\*\*//\*立体滚动条的颜色\*/   
    scrollbar-3dlight-color: \#666; /\*\*//\*立体滚动条亮边的颜色\*/   
    scrollbar-highlight-color: \#666; /\*\*//\*滚动条空白部分的颜色\*/   
    scrollbar-shadow-color: \#3399FF; /\*\*//\*立体滚动条阴影的颜色\*/   
    scrollbar-darkshadow-color: \#666; /\*\*//\*立体滚动条强阴影的颜色\*/   
    scrollbar-track-color: \#eee; /\*\*//\*立体滚动条背景颜色\*/   
    scrollbar-base-color:\#eee; /\*\*//\*滚动条的基本颜色\*/   
\}

发表评论取消回复

表情：

评论列表（有 0 条评论，285人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML 修改滚动条样式

修改滚动条样式给一个 div 设置 .orgs-container { max-height: 378px;

客官°小女子只卖身不卖艺/ 2023年06月30日 06:52/ 0 赞/ 13 阅读

相关 html简单组件（四）：滚动条显示隐藏和更改滚动条样式

html简单组件（四）：滚动条显示隐藏和更改滚动条样式实现效果图： ![在这里插入图片描述][20210106142011538.gif] HTML代码

迷南。/ 2023年01月02日 15:26/ 0 赞/ 218 阅读

相关 HTML 的div滚动条样式修改

<style> .textdiv{ overflow-y: auto; background-colo

超、凢脫俗/ 2022年12月19日 13:13/ 0 赞/ 128 阅读

相关滚动条样式

<style scoped> .treeFssBox>>>::-webkit-scrollbar { width: 4px;

港控/mmm°/ 2022年11月01日 14:58/ 0 赞/ 211 阅读

相关 HTML滚动条样式代码及使用技巧

HTML滚动条样式代码及使用技巧在html网页中，我们都知道大篇幅的长文章会占据网页的大部分空间，影响了整体网站页面的美观性和阅读体验，因此，在html网页中添加一个带

￡神魔★判官ぃ/ 2022年10月01日 12:52/ 0 赞/ 168 阅读

相关滚动条样式

1.内发光效果： box-shadow: rgb(0, 187, 255) 0px 0px 8px inset !important; 2.滚动条样式 .histroy

╰+哭是因爲堅強的太久メ/ 2022年08月30日 04:27/ 0 赞/ 225 阅读

相关 html滚动条样式

/\ 针对谷歌浏览器生效的。（不兼容火狐，IE） \/ ::-webkit-scrollbar \{ width: 6px; height

清疚/ 2022年04月18日 03:23/ 0 赞/ 286 阅读

相关 html 滚动条样式

转载：[https://www.cnblogs.com/yclblog/p/6806496.html][https_www.cnblogs.com_yclblog_p_6806

向右看齐/ 2021年12月22日 14:23/ 0 赞/ 333 阅读

相关滚动条样式css

![在这里插入图片描述][20190702143854151.png] / 滚动条 / ::-webkit-scrollbar { width:

深藏阁楼爱情的钟/ 2021年12月18日 13:37/ 0 赞/ 417 阅读

相关 Windows系统HTML滚动条美化CSS样式

Windows系统下，滚动条的美化：这个一般是全局性的配置，如果需要不同的滚动条配置不同的样式，可以在每个滚动条样式前加个class设置即可。 ::-webk

- 日理万妓/ 2021年07月24日 13:50/ 0 赞/ 783 阅读