EasyUI 表格滚动条样式修改

接到一个大屏展示的业务，EasyUI原生滚动条太丑，文档上还没有滚动条的说明，再此记录

/* 滚动条 */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.datagrid-body::-webkit-scrollbar {width:8px; height:5px; background-color:transparent;} 
/*定义滚动条轨道 内阴影+圆角*/
.datagrid-body::-webkit-scrollbar-track {background-color:transparent;  } 
/*定义滑块 内阴影+圆角*/
.datagrid-body::-webkit-scrollbar-thumb {background-color:rgb(221,222,224); border-radius:6px;} 

选中行背景色

/* 选中样式 */
.datagrid-row-selected{
    background:#1c6aad
}

表格光标悬浮样式

/* 表格光标悬浮样式*/
.datagrid-row-over{
    background: #7594ad
}

表头光标悬浮样式

/* 表头光标悬浮样式*/
.datagrid-header td.datagrid-header-over{
    background: #7594ad
}

表格背景色

/* 表格背景色*/
.datagrid-header,.panel-body{
    background: transparent;
    background-color: transparent;
}
.datagrid-view{
    border:none;
}
.panel{
    border:none;
}
/* 表格背景色*/

字体样式

/* 字体样式*/
.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber {
    margin: 0;
    padding: 0 4px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    font-weight: normal;
    font-size: 10px;
    font-family: SimHei;
    color: #b3daeb;
}