美文网首页
overflow:auto产生的滚动条样式的修改

overflow:auto产生的滚动条样式的修改

作者: 喜欢走弯路的人 | 来源:发表于2023-11-16 16:18 被阅读0次

/* WebKit浏览器(Chrome、Safari)滚动条样式 */

::-webkit-scrollbar {

  width: 6px; /* 滚动条宽度 如果设置为0就是隐藏滚动条但是滚动效果还在非常完美 */

}

::-webkit-scrollbar-track {

  background-color: #f1f1f1; /* 滚动条背景颜色 */

}

::-webkit-scrollbar-thumb {

  background-color: #888; /* 滚动条滑块颜色 */

}

::-webkit-scrollbar-thumb:hover {

  background-color: #555; /* 鼠标悬停时的滚动条滑块颜色 */

}

相关文章

  • 改变滚动条样式 / 支持滚动,单隐藏滚动条

    **** 请先给盒子设置 overflow: auto **** 改变滚动条样式 #left::-webkit-s...

  • style

    body&overflow 修改滚动条样式 flex&overflow 倒三角

  • css隐藏滚动条

    隐藏滚动条并在内容溢出时显示滚动条,只需要设置overflow:auto样式即可。隐藏滚动条只需设置overflo...

  • 面试总结

    1 滚动条的样式定高 overflow-y:auto; 2垂直居中 flex布局 清除浮动.clearfix:af...

  • 2021-03-09

    简单记录 1、局部滚动会给加上overflow-y:auto;去掉此时滚动条的默认样式 .device_list_...

  • 2019-11-13

    设置了overflow,隐藏其滚动条同时可以滚动的方法 元素设置了overflow: auto; 隐藏其滚动条同时...

  • DIV滚动条添加css显示和滚动条隐藏

    对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来...

  • css 设置 overflow:scroll 滚动条的样式

    css 设置overflow:scroll 滚动条的样式

  • 实现滚动条

    纵向滚动条: overflow-y:auto; max-height: 800px; 横向滚动条: overflo...

  • 滚动条

    在chrome下修改默认滚动条的样式。webkit支持拥有overflow属性的区域,列表框,下拉菜单,texta...

网友评论

      本文标题:overflow:auto产生的滚动条样式的修改

      本文链接:https://www.haomeiwen.com/subject/lktywdtx.html