修改滚动条样式

思路:给盒子设置超出滚动后,出现的默认滚动条不好看,用css修改一下.

	//盒子设置宽高 超出滚动
    .content {
		width: 100px;
		height: 500px;
		overflow-y: scroll;
    }
    /* 修改滚动条的样式 */
	.content::-webkit-scrollbar {
        //滚动条的宽高
		width: 7px;
        height: 7px;
	}

	.content::-webkit-scrollbar-thumb {
        //滚动条的样式
		background-color: #dbdbdb;
		border-radius: 10px;
	}
    //整个滚动条部分的背景色(我设了透明)
	.content::-webkit-scrollbar-track {
		background-color: rgba(0, 0, 0, 0);
	}