CSS样式之修改滚动条样式

阅读 132

2022-04-14

 

.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;

                }

            }

精彩评论(0)

0 0 举报