vue控件 treeSelect组件改变默认禁用颜色,以及字体颜色
<style lang="scss">.vue-treeselect__control{height: 26px!important;line-height: 26px!important;font-size: 12px!important;text-indent: 4px!important;}.vue-treeselect__placeholder{line-height: 26p
·
<style lang="scss">
.vue-treeselect__control{
height: 26px!important;
line-height: 26px!important;
font-size: 12px!important;
text-indent: 4px!important;
}
.vue-treeselect__placeholder{
line-height: 26px!important;
font-size: 12px!important;
}
/deep/ .vue-treeselect--disabled .vue-treeselect__control{
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
}
/deep/ .vue-treeselect--disabled .vue-treeselect__single-value{
color: #C0C4CC;
}
/deep/ .vue-treeselect__control {
height: 28px !important;
line-height: 28px !important;
font-size: 12px !important;
text-indent: 4px !important;
}
/deep/ .vue-treeselect__placeholder, /deep/ .vue-treeselect__single-value{
line-height: 28px;
}
</style>
结构
<treeselect size="mini" v-model="invoiceApplyOrderDTOList" @select="handleTreeSelect" :multiple="false" :options="getProjectOrdretList" :disabled='!isShow' :defaultExpandLevel="2" placeholder="请选择" :normalizer="normalizer" noOptionsText="暂无数据" :limit="1" :limitText="(count) => `+ ${count}`" id="treeSh">
更多推荐
已为社区贡献2条内容
所有评论(0)