mh_fire/src/assets/scss/element-ui.scss

// 表格样式修改
.transparentTableRow {
    background: transparent !important;
    th.gutter {
        display: table-cell!important;
    }
    table {
        // flex-shrink: 0;
        width: 100% !important;
    }
    table {
        font-size: .175rem;
        tr,
        td {
            padding: 0;
            background: transparent !important;
            color: #FFF;
        }
        th {
            color: #FFF;
            background: rgba(0, 250, 251, 0.20);
        }
        thead {
            th {
                padding: 0;
                height: .425rem;
            }
        }
    }
    .el-table__header-wrapper {
        display: inline-table;
        width: 100%;
        table {
            display: contents;
        }
    }
    .el-table__expanded-cell {
        padding: .125rem;
    }
    .el-table__expand-icon {
        color: #FFF;
    }
    .cell {
        line-height: 23px;
        padding: 0 .125rem;
    }
    .name-wrapper {
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .el-table__body-wrapper {
        scrollbar-width: none;
        /* firefox */
        -ms-overflow-style: none;
        /* IE 10+ */
        overflow-x: hidden;
        overflow-y: auto;
        &::-webkit-scrollbar {
            display: none;
            // opacity: 0;
            /* Chrome Safari */
        }
    }
}

// tooltip样式
.el-popper.is-dark {
    background: transparent;
    // padding: 0;
    border-radius: 3%;
    box-shadow: inset 0 0 0.2rem 0.0125rem #30cfff;
    background: rgba(0, 44, 110, 0.6);
    font-size: 0.2rem;
    padding: 0.1875rem;
    .el-popper__arrow::before {
        background: #30cfff;
        display: none;
    }
}

.el-row,
.el-col {
    &::after {
        content: none;
    }
    &::before {
        content: none;
    }
}

// form表单样式
.el-form {
    .el-form-item {
        color: #17CECC;
        .el-form-item__label {
            color: #17CECC;
            font-size: .175rem;
            line-height: .35rem;
            padding: 0 .15rem 0 0;
        }
        .el-form-item__content {
            line-height: .35rem;
            font-size: .175rem;
        }
    }
    .el-form-item--mini {
        margin-bottom: .225rem;
        margin-right: .125rem;
    }
}

// select 下拉框样式修改
.el-select {
    color: #17CECC;
    .el-input__inner {
        color: #17CECC;
        background: transparent;
        border-color: #17CECC;
        font-size: .175rem;
        padding-right: .375rem;
        padding-left: .1875rem;
        &::-webkit-input-placeholder {
            font-size: .175rem;
            line-height: .35rem;
            color: #17CECC;
        }
    }
    .el-input__suffix .el-input__suffix-inner .el-input__icon {
        color: #17CECC;
        line-height: .35rem;
        font-size: .175rem;
    }
    .el-input--mini {
        font-size: .175rem;
        line-height: .35rem;
        .el-input__inner {
            height: .35rem;
            line-height: .35rem;
        }
    }
}

.el-select--mini {
    width: 1.8rem;
    line-height: .35rem;
}

.el-select__popper.el-popper[role=tooltip] {
    box-shadow: inset 0 0 0.2rem 0.0125rem #30cfff;
    border: none;
    background: transparent;
    color: #FFF;
    li {
        color: #FFF;
        &:hover {
            background: transparent;
            color: #17CECC;
        }
        &.el-select-dropdown__item.selected {
            color: #17CECC;
        }
    }
    .el-popper__arrow::before {
        background: none;
        box-shadow: inset .0125rem .0125rem .0125rem 0 #17CECC;
        border: none;
    }
    .el-select-dropdown__wrap {
        max-height: 3.425rem;
        .el-select-dropdown__list {
            padding: .075rem 0;
            .el-select-dropdown__item {
                font-size: .175rem;
                padding: 0 .25rem;
                height: .425rem;
                line-height: .425rem;
            }
        }
    }
}