<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Numquam magni beatae aspernatur saepe.</li>
<li>Corrupti eius exercitationem libero quasi!</li>
<li>Quaerat aspernatur vero tempora et.</li>
<li>Neque veritatis qui maxime recusandae!</li>
<li>Sapiente ut non nemo soluta!</li>
<li>Natus sed repudiandae quidem odit?</li>
<li>Est quo nulla perferendis quisquam?</li>
<li>Ipsum officia dolorum culpa laborum!</li>
<li>Totam nihil explicabo distinctio aliquid!</li>
</ul>
ul {
overflow-y: scroll;
width: 300px;
height: 200px;
border: 1px solid black;
scrollbar-width: thin;
scrollbar-color: hotpink pink;
}
![original_image](https://img2024.cnblogs.com/blog/1982800/202404/1982800-20240411165923106-1375120589.png)
![changed_image](https://img2024.cnblogs.com/blog/1982800/202404/1982800-20240411165715298-160520245.png)