JSFiddle - React, Tailwind, and code Playground

HTML

<div class="txt_border">
    <ul class="txt_Content">
        <li class="biaoqian">
            <div></div>
            <div>
                <p>txtxt</p>
                <p>txtxtxt</p>
                <p>txtxt</p>
                <p>txtxtxt</p>
                <p>txtxt</p>
                <p>txtxtxt</p>
                <p>txtxt</p>
                <p>txtxtxt</p>
                <p>txtxt</p>
                <p>txtxtxt</p>
                <p>txtxt</p>
                <p>txtxtxt</p>
            </div>
        </li>
        <!---->
    </ul>
</div>

CSS

.txt_Content {
  height: 80px;
  overflow: scroll;
}
.txt_Content::-webkit-scrollbar {
    width:5px;
    border-radius:4px;
}
.txt_Content::-webkit-scrollbar-button    {
    display: none;
}
.txt_Content::-webkit-scrollbar-track     {
    background:#F5F5F5;
    border-radius:4px;
}
.txt_Content::-webkit-scrollbar-track-piece {
    background:#e5e2ad;
    border-radius:4px;
    border: 1px solid #c5b481;

}
.txt_Content::-webkit-scrollbar-thumb{
    background:#3292C4;
    border-radius:4px;
    border: 1px solid #c5b481;
}
.txt_Content::-webkit-scrollbar-corner {
    border-radius:4px;
}
.txt_Content::-webkit-resizer  {
    display: none;
}