技術標籤：前端vue

公共css方法篇
common

body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
 

    border: none;
    font-family: "Microsoft Yahei",sans-serif;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
    &:focus {
        outline: none;
    }
}


// /*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/
// ::-webkit-scrollbar
// {
//     width: 10px;
//     height: 10px;
 

// }
// /*定義滾動條軌道 內陰影+圓角*/
// ::-webkit-scrollbar-track
// {
//     background-color: #FFFFFF;
// }

// /*定義滑塊 內陰影+圓角*/
// ::-webkit-scrollbar-thumb
// {
//     background-color: #bfbfbf;
//     border-radius: 5px;
//     border: 1px solid #F1F1F1;
//     box-shadow: inset 0 0 6px rgba(0,0,0,.3);
// }
// ::-webkit-scrollbar-thumb:hover {
 

//   background-color: #A8A8A8;
// }
// ::-webkit-scrollbar-thumb:active {
//   background-color: #787878;
// }
// /*邊角，即兩個滾動條的交匯處*/
// ::-webkit-scrollbar-corner {
//   background-color: #FFFFFF;
// }

input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
    -webkit-appearance: none;
}

textarea { -webkit-appearance: none;}

html,body{
    height: 100%;
    width: 100%;
    // background-color: #F5F5F5;
}

.fillcontain{
    height: 100%;
    width: 100%;
}
.clear:after{
    content: '';
    display: block;
    clear: both;
}

.clear{
    zoom:1;
}

.back_img{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.margin{
    margin: 0 auto;
}

.left{
    float: left;
}

.right{
    float: right;
}

.hide{
    display: none;
}

.show{
    display: block;
}

.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
//分頁樣式重寫
.fillcontain .el-input__inner {
    height: 28px !important;
}
.el-select-dropdown__list .el-select-dropdown__item.selected.hover {
    background-color: #fff;
}
.el-select-dropdown__list .el-select-dropdown__item.selected {
    color: #20a0ff;
    background-color: #fff;
}
.el-pagination .el-pager li {
    padding: 0 4px;
    background: #fff;
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    border:none;
}
.el-pagination .el-pager li {
    margin: 0 5px;
    //background-color: #f4f4f5;
    color: #606266;
    min-width: 30px;
    border-radius: 2px;
    border:none;
}
.Pagination .el-pagination .btn-next,.Pagination .el-pagination .btn-prev {
    background: 50% no-repeat;
    background-size: 16px;
    margin: 0 5px;
    //background-color: #f4f4f5;
    cursor: pointer;
    border:none;
    color: #303133;
}
.el-pagination .el-pager li:last-child {
    border-right:none;
}
@bg_color:#12273a;
@font_color:#f4b400;