修改禁用组件内文字样式,为全局配置
This commit is contained in:
parent
d0fdf4aefc
commit
7ae54d2a63
@ -34,3 +34,14 @@
|
||||
border-left-color: var(--el-color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
|
||||
.custom-input {
|
||||
.el-input.is-disabled .el-input__inner,
|
||||
.el-select__wrapper.is-disabled .el-select__selected-item,
|
||||
.el-textarea.is-disabled .el-textarea__inner,
|
||||
.el-radio__input.is-disabled + span.el-radio__label {
|
||||
color: var(--el-input-text-color, var(--el-text-color-regular)) !important; /* 使用系统默认颜色 */
|
||||
-webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular)) !important; /* 使用系统默认颜色 */
|
||||
}
|
||||
}
|
||||
|
@ -197,14 +197,4 @@ onMounted(async ()=> {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
|
||||
.custom-input ::v-deep {
|
||||
.el-input.is-disabled .el-input__inner,
|
||||
.el-select__wrapper.is-disabled .el-select__selected-item,
|
||||
.el-textarea.is-disabled .el-textarea__inner,
|
||||
.el-radio__input.is-disabled + span.el-radio__label {
|
||||
color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
|
||||
-webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -263,14 +263,4 @@ const formRef = ref() // 表单 Ref
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
|
||||
.custom-input ::v-deep {
|
||||
.el-input.is-disabled .el-input__inner,
|
||||
.el-select__wrapper.is-disabled .el-select__selected-item,
|
||||
.el-textarea.is-disabled .el-textarea__inner,
|
||||
.el-radio__input.is-disabled + span.el-radio__label {
|
||||
color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
|
||||
-webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -354,14 +354,4 @@ const formRules = reactive({
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
|
||||
.custom-input ::v-deep {
|
||||
.el-input.is-disabled .el-input__inner,
|
||||
.el-select__wrapper.is-disabled .el-select__selected-item,
|
||||
.el-textarea.is-disabled .el-textarea__inner,
|
||||
.el-radio__input.is-disabled + span.el-radio__label {
|
||||
color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
|
||||
-webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -217,14 +217,4 @@ onMounted(async ()=>{
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
|
||||
.custom-input ::v-deep {
|
||||
.el-input.is-disabled .el-input__inner,
|
||||
.el-select__wrapper.is-disabled .el-select__selected-item,
|
||||
.el-textarea.is-disabled .el-textarea__inner,
|
||||
.el-radio__input.is-disabled + span.el-radio__label {
|
||||
color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
|
||||
-webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -301,16 +301,6 @@ defineExpose({ updateForm }) // 提供 open 方法,用于打开弹窗
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
|
||||
.custom-input ::v-deep {
|
||||
.el-input.is-disabled .el-input__inner,
|
||||
.el-select__wrapper.is-disabled .el-select__selected-item,
|
||||
.el-textarea.is-disabled .el-textarea__inner,
|
||||
.el-radio__input.is-disabled + span.el-radio__label {
|
||||
color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
|
||||
-webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--//获取所有员工的搜索条件参数-->
|
||||
|
@ -258,14 +258,4 @@ onMounted(async () => {
|
||||
})
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
|
||||
.custom-input ::v-deep {
|
||||
.el-input.is-disabled .el-input__inner,
|
||||
.el-select__wrapper.is-disabled .el-select__selected-item,
|
||||
.el-textarea.is-disabled .el-textarea__inner,
|
||||
.el-radio__input.is-disabled + span.el-radio__label {
|
||||
color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
|
||||
-webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -214,14 +214,4 @@ onMounted(async () => {
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
/* 优化后的选择器合并 分别对应禁用时的, 输入框-时间选择-下拉框-文本域-单选框*/
|
||||
.custom-input ::v-deep {
|
||||
.el-input.is-disabled .el-input__inner,
|
||||
.el-select__wrapper.is-disabled .el-select__selected-item,
|
||||
.el-textarea.is-disabled .el-textarea__inner,
|
||||
.el-radio__input.is-disabled + span.el-radio__label {
|
||||
color: var(--el-input-text-color, var(--el-text-color-regular)); /* 使用系统默认颜色 */
|
||||
-webkit-text-fill-color: var(--el-input-text-color, var(--el-text-color-regular));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
Loading…
Reference in New Issue
Block a user