设置禁用离子输入的离子标签的不透明度

Question

在Ionic V4的离子应用程序中，我想将ion-label的文本颜色设置为ion-input的黑色，这已被禁用。

无论如何，我通过在ion-input中添加以下CSS代码来获得禁用的global.scss黑色的值文本颜色。

.native-input[disabled] {
    opacity: 10 !important;
}

也希望ion-label的禁用ion-input的用户也是如此。

Answer 1

我通过将以下内容放入页面的scss文件来解决了相同的问题：

ion-label {
    opacity: 1 !important;
}

Answer 2

您是否尝试过这样的事情：

.native-input:disabled{
   opacity:10 !important;
}

Answer 3

嗨，您可以使用以下方法轻松解决

[readonly]="true" 代替 已禁用