Ionic2 保持禁用的离子项目';离子2的背景色
我试试这个:Ionic2 保持禁用的离子项目';离子2的背景色,ionic2,background-color,Ionic2,Background Color,我试试这个: .ion-item:disabled { background-color:#ffffff !important; } 但它没有效果。我不想它有灰色背景时,禁用,我尝试保持原来的(白色)颜色。 代码如下: <ion-list> <button ion-item *ngFor="let item of items [disabled]="!item.enabled" (click)="itemSelected(item)">
.ion-item:disabled {
background-color:#ffffff !important;
}
但它没有效果。我不想它有灰色背景时,禁用,我尝试保持原来的(白色)颜色。
代码如下:
<ion-list>
<button ion-item *ngFor="let item of items [disabled]="!item.enabled" (click)="itemSelected(item)">
{{ item }}
</button>
</ion-list>
可能是这样的:
ion-item [disabled] {
background-color: #f00;
}
请注意,您的目标是将离子项作为元素,而不是类
以下是相应的标记:
<ion-list>
<ion-item>
<ion-label>Normal input</ion-label>
<ion-input type="text" placeholder="Normal Input"></ion-input>
</ion-item>
<ion-item>
<ion-label>Disabled input</ion-label>
<ion-input type="text" placeholder="Disabled input" disabled></ion-input>
</ion-item>
</ion-list>
正常输入
禁用输入
可能类似于:
ion-item [disabled] {
background-color: #f00;
}
请注意,您的目标是将离子项作为元素,而不是类
以下是相应的标记:
<ion-list>
<ion-item>
<ion-label>Normal input</ion-label>
<ion-input type="text" placeholder="Normal Input"></ion-input>
</ion-item>
<ion-item>
<ion-label>Disabled input</ion-label>
<ion-input type="text" placeholder="Disabled input" disabled></ion-input>
</ion-item>
</ion-list>
正常输入
禁用输入
通过更改容器的背景颜色,问题得以解决。(此列表所在的容器。)
容器的默认背景色为灰色。通过更改容器的背景色,问题得以解决。(此列表所在的容器。)
容器的默认背景色为灰色。实际上是不透明度改变了背景色,要保留背景色,只需将不透明度:1添加到任何要保留背景色的禁用元素。任何禁用元素的默认不透明度为0.4
[已禁用]的CSS样式
实际上是不透明度改变了背景色,要保留背景色,只需将不透明度:1添加到要保留背景色的任何禁用元素。任何禁用元素的默认不透明度为0.4
[已禁用]的CSS样式
检查使用离子项呈现的内容
,您可能使用了错误的选择器。使用离子项目时,模板的外观如何?这是。请检查使用离子项目呈现的内容,可能是选择器错误。您使用的离子项目的模板是什么样子的?
?这是一个。很抱歉,这对iOS和Android都没有影响。禁用列表项的背景仍为灰色。很抱歉,这对iOS和Android都没有影响。禁用列表项的背景仍然是灰色的。谢谢,但仍然没有更改,背景仍然是灰色的。您可以向我显示(单击)=itemSelected()函数吗谢谢,但仍然没有更改,背景仍然是灰色的。您可以向我显示(单击)=itemSelected()函数吗