請離子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

有了改變容器的背景色的問題就解決了。 （容器，其中該名單。） 容器的默認背景顏色爲灰色。