请离子2

Question

残疾人离子项目的背景色我试试这个：

.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> 

所以，如果item.enabled是假的，背景变灰色，但我需要它的白色。

UPDATE：不需要任何补充CSS，容器的背景颜色是灰色的，也许是禁用的项目有透明或东西，但改变从灰色容器的颜色为白色解决了这个问题。

Answer 1

大概是这样的：

ion-item [disabled] { 
    background-color: #f00; 
} 

请注意，您是靶向ion-item为元素，不是一类。

以下是相应的标记：

<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> 

Here is a Plunker.

Answer 2

button.item[disabled]{ 
    background-color: #ffffff; 
} 

Answer 3

有了改变容器的背景色的问题就解决了。 （容器，其中该名单。） 容器的默认背景颜色为灰色。