vue-easytable/libs/themes-base/v-select.css

vue table component

@charset "UTF-8";

/*-------------------------分割线-----------------------------------*/
.v-select--large .v-select-selected,
.v-select--large .v-select-items-li{
    font-size:16px;
    height:40px;
    line-height: 40px;
}
.v-select--large .v-select-selected-i{
    line-height:40px !important;
}
.v-select--large .v-select-selected{
    /* width:120px;*/
}
.v-select--large .v-select-items{
    /*   min-width: 120px;*/
}


.v-select--middle .v-select-selected,
.v-select--middle .v-select-items-li{
    font-size:14px;
    height:32px;
    line-height: 32px;
}
.v-select--middle .v-select-selected-i{
    line-height:32px !important;
}
.v-select--middle .v-select-selected{
    /*   width:100px;*/
}
.v-select--middle .v-select-items{
    /* min-width: 100px;*/
}


.v-select--small .v-select-selected,
.v-select--small .v-select-items-li{
    font-size:13px;
    height:24px;
    line-height: 24px;
}
.v-select--small .v-select-selected-i{
    line-height:24px !important;
}
.v-select--small .v-select-selected{
    /*    width:90px;*/
}
.v-select--small .v-select-items{
    /*    min-width: 90px;*/
}
.v-select-input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: none;
    /*    border-radius: 4px;*/
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #1f2d3d;
    display: inline-block;
    font-size: inherit;
    /* height: 36px;*/
    line-height: 1;
    outline: none;
    padding-left: 2px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 80%;
    text-align: left;

}

.v-select-selected-span {
    width: 80%;
    display:block !important;/*修复会被别的样式覆盖的问题*/
    text-align: center;
    cursor:pointer;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 2px;
}

.v-select-selected-i{
    display: inline-block;
    position: absolute;
    top:0;
    right:0;
    font-size: 120%;
}