vue-como-web/src/assets/css/szjcomo.css

/*公共样式*/
.el-button--info,body .el-button--danger{
    background:#1E9FFF;
    color:#fff;
    border-color:#1E9FFF;
    font-family: '黑体';
}
.el-button--success,body .el-button--danger{
    background:#39B449;
    color:#fff;
    border-color:#39B449;
    font-family: '黑体';
}
.el-button--warning,body .el-button--danger{
    background:#FFB800;
    color:#fff;
    border-color:#FFB800;
    font-family: '黑体';
}
.el-button--danger,body .el-button--danger{
    background:#FF5722;
    color:#fff;
    border-color:#FF5722;
    font-family: '黑体';
}
.el-button--danger.is-disabled, 
.el-button--danger.is-disabled:active, 
.el-button--danger.is-disabled:focus, 
.el-button--danger.is-disabled:hover{
    color: #fff;
    background-color: #1E9FFF;
    border-color: #1E9FFF;
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover{
    color: #fff;
    background-color: #f3d19e;
    border-color: #f3d19e88;
}
.el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover{
    color: #fff;
    background-color:#39B449;
    border-color: #39B449;
}
.el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover{
    color: #fff;
    background-color: #a0cfff;
    border-color: #a0cfff;
}

.el-button{border-radius:0;cursor:pointer;}
.el-input__inner,body .el-input__inner{border-radius:0;}

.clearfix{clear:both;}

.szjcomo-text-green{color:#39B449;}
.szjcomo-text-red{color:#ff0000;}
.szjcomo-text-gray{color:#F0F0F0;}
.szjcomo-text-orange{color:#F37A1F;}
.szjcomo-text-center{text-align:center;}
.szjcomo-text-over{
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;
}
.szjcomo-not-select{
    -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.szjcomo-body-content{
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;height: 99%;
    margin: 0 auto;
}

.szjcomo-body-content::-webkit-scrollbar {/*滚动条整体样式*/
    width:5px;/*高宽分别对应横竖滚动条的尺寸*/
    height:5px;
}
.szjcomo-body-content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius:5px;
    -webkit-box-shadow: inset 5px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 5px rgba(0,0,0,0.2);
    -ms-box-shadow: inset 5px rgba(0,0,0,0.2);
    -o-box-shadow: inset 5px rgba(0,0,0,0.2);
    background:rgba(0,0,0,0.2);
}
.szjcomo-body-content::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 5px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 5px rgba(0,0,0,0.2);
    -ms-box-shadow: inset 5px rgba(0,0,0,0.2);
    -o-box-shadow: inset 5px rgba(0,0,0,0.2);
    border-radius:0;
    background:rgba(0,0,0,0.1);
}

#app code {
    display: inline-block;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 3px;
}

#app blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 5px 0;
    line-height: 1.4rem;
    font-size: 100%;
    background-color: #f1f1f1;
}

#app .el-input__inner{
    border-radius: 0px;
}