Ionic - Disable -字体颜色

Question

离子元素-如何在元素被禁用时以正常颜色显示文本。在元素级别更改不透明度很好，但尝试了解如何通过单个步骤(全局)为禁用模式中的所有元素更改透明度

禁用模式下的元素：

​

我希望元素在禁用模式下看起来如上图所示

​

Answer 1

如果你想在你的应用中使用全局样式，你可以使用global.scss文件(src/global.scss)。这些样式适用于所有地方。如果你不想把你的样式放在这个文件中，你可以在这里创建一个@import并加载另一个文件。

关于禁用的颜色，没有代码很难知道您在捕获(input？)中显示的是什么。在任何情况下，对于任何禁用的输入，css都有选择器:disabled，因此：

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

如果需要覆盖离子元素样式，请尝试使用前面带有双连字符的属性：

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

ion-element (如ion-input、ion-select)最后包含一个原生元素。例如: ion-input包含正常输入。当离子输入被禁用时，输入的属性是disabled，所以你可以这样做：

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