离子 - 禁用 - 字体颜色

Question

离子元素 - 如何在元素被禁用时以正常颜色显示文本。在元素级别更改不透明度效果很好，但试图知道如何通过单个步骤（全局）为禁用模式下的所有元素更改它

元素处于禁用模式：

希望元素在禁用模式下看起来像上面

Answer 1

如果您想在您的应用中使用全局样式，您可以使用 global.scss 文件 (src/global.scss)。这些样式无处不在。如果您不想将样式放在此文件中，可以在此处创建 @import 并加载另一个文件。

关于禁用的颜色，如果没有代码，很难知道您在捕获中显示的是什么（输入？）。在任何情况下，css 都有选择器 :disabled 用于任何禁用的输入，所以：

input:disabled, textarea:disabled, select:disabled, button:disabled {
   color: gray;
}

如果您需要覆盖离子元素样式，请尝试使用该属性前面加上双连字符：

selector-ionic-element {
   --color: gray;
   color: gray;
}

最后的离子元素（如离子输入，离子选择）包含一个原生元素。例如：ion-input 包含一个普通的输入。当离子输入被禁用时，输入具有禁用属性，所以你可以这样做：

ion-input input:disabled {
   --color: gray;
   color: gray;
}