0
点赞
收藏
分享

微信扫一扫

CSS样式之修改滚动条样式

梅梅的时光 2022-04-14 阅读 132
css前端

 

.frisCard-son{

                height: 4rem;

                overflow-y: auto;

                // margin-right: -0.4625rem;

                &::-webkit-scrollbar {

                  width: 10px; /*宽高分别对应横竖滚动条的尺寸*/

                  height: 1px;

                  cursor: pointer;

                }

                // 滚动块

                 &::-webkit-scrollbar-thumb {

                  border-radius: 10px;

                  background-color: #C1C1C1;

                }

                /*滚动条里面轨道*/

                &::-webkit-scrollbar-track {

                  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

                  background: #eee;

                  border-radius: 10px;

                }

            }

举报

相关推荐

css修改滚动条的默认样式

css修改滚动条样式(兼容火狐)

css设置滚动条样式

css优化滚动条样式

滚动条样式

vue修改默认滚动条样式

0 条评论