How to modify the scroll bar style in table table in ng-zorro

clipboard.png
I wonder how to modify it here?

Css
Sep.28,2021

CSS

div::-webkit-scrollbar {
            width: 16px;
            height: 16px;
            background-color: -sharpF5F5F5;
        }

        /* +*/
        div::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            background-color: -sharpF5F5F5;
        }

        /* +*/
        div::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
            background-color: -sharp555;
        }

        table {
            border-collapse: collapse;
        }

        table>tbody>tr>td {
            padding: 28px 4px;
        }

        div {
            width: 600px;
            height: 300px;
            overflow: auto;
        }

HTML

<div>
        <table border="1">
            <colgroup>
                <col width="100">
                <col width="100">
                <col width="100">
                <col width="100">
                <col width="100">
                <col width="100">
            </colgroup>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
        </table>
    </div>
Menu