我编写代码只是为了开始制作个性化的滚动条。事实是,滚动条轨道正常,但是滚动条拇指未显示任何内容,所以我该怎么办?
样式是:
body {
background-color: darkblue;
padding: 0;
margin: 0;
}
p {
text-align: justify;
color: white;
font-size: 20px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
::-webkit-scrollbar {
width: 25px;
}
::-webkit-scrollbar-track {
border: 7px solid lightgrey;
}
::-webkit-scrollbar-thumb {
background: linear-gradient( 45deg, blue purple);
}
<p>
是lorem ipsum。
拇指的背景值有效吗?
::-webkit-scrollbar-thumb {
background: linear-gradient( 45deg, blue purple);
}