修改禁用组件内文字样式,为全局配置
This commit is contained in:
parent
d0fdf4aefc
commit
7ae54d2a63
@ -34,3 +34,14 @@
|
|||||||
border-left-color: var(--el-color-primary);
|
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>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<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>
|
</style>
|
||||||
|
@ -263,14 +263,4 @@ const formRef = ref() // 表单 Ref
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<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>
|
</style>
|
||||||
|
@ -354,14 +354,4 @@ const formRules = reactive({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<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>
|
</style>
|
||||||
|
@ -217,14 +217,4 @@ onMounted(async ()=>{
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<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>
|
</style>
|
||||||
|
@ -301,16 +301,6 @@ defineExpose({ updateForm }) // 提供 open 方法,用于打开弹窗
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<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>
|
</style>
|
||||||
|
|
||||||
<!--//获取所有员工的搜索条件参数-->
|
<!--//获取所有员工的搜索条件参数-->
|
||||||
|
@ -258,14 +258,4 @@ onMounted(async () => {
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<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>
|
</style>
|
||||||
|
@ -214,14 +214,4 @@ onMounted(async () => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<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>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user