Treeselect树形组件 下拉树组件样式修改

//下拉树..........................................
//写在app.vue下 因为下拉树是挂载到body下的
.vue-treeselect {
    .vue-treeselect__placeholder {
        line-height: 28px;
    }
    .vue-treeselect__control {
        font-size: 14px !important;
        font-weight: 400;
        height: 28px !important;
        border: 1px solid #dadde6;
        .vue-treeselect__placeholder,
        .vue-treeselect__single-value {
            padding-left: 9px;
            line-height: 28px;
        }
        .vue-treeselect__input {
            vertical-align: middle;
        }
        input::-webkit-input-placeholder {
            color: #c7cbd2;
        }
    }
}
.vue-treeselect__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    padding-left: 5px;
    max-width: 100%;
    vertical-align: middle;
    cursor: inherit;
    font-size: 14px;
    color: #606266;
    font-weight: 400;
}

你可能感兴趣的:(vue.js,前端)