修改禁用组件内文字样式,为全局配置

This commit is contained in:
XaoLi717 2024-12-30 11:34:35 +08:00
parent d0fdf4aefc
commit 7ae54d2a63
8 changed files with 11 additions and 70 deletions

View File

@ -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; /* 使用系统默认颜色 */
}
}

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>
<!--//-->

View File

@ -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>

View File

@ -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>