css 滚动条+样式调整

<div style="height:484px;overflow:auto;" id="box">
                            <table class="table table-striped table-bordered table-hover dataTables-example " style="margin-bottom: 0px;">
                                <thead>
                                <tr>
                                    <th colspan="3">
                                        可用邮箱
                                    </th>
                                </tr>
                                <tr>
                                    <td>选择</td>
                                    <td>邮箱</td>
                                    <td>操作</td>
                                </tr>
                                </thead>
                                <tbody class="list2">
                                </tbody>
                                <tr>
                                    <td colspan="3" style="text-align:center"><button class="btn btn-primary putinshi" type="button" >保存</button>
                                        <input type="hidden" id="onyou" value="">
                                    </td>
                                </tr>
                            </table>
                    </div>

css

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    #box::-webkit-scrollbar
    {
        width: 6px;
        height: 16px;
        background-color: #c3c2c2;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    #box::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    /*定义滑块 内阴影+圆角*/
    #box::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #d0cece;
    }