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()函数吗