イオン2

Question

で無効イオン項目の背景色をしてください、私はこれを試してみてください。私はそれが灰色の背景を持つことを望んでいない、私は元の（白い）色を維持しようとする。

コードは次のようである：

<ion-list> 
    <button ion-item *ngFor="let item of items [disabled]="!item.enabled" (click)="itemSelected(item)"> 
    {{ item }} 
    </button> 
    </ion-list> 

item.enabledがfalseの場合はそう、背景がグレーになりますが、私は白、それを必要とします。

更新：CSSに何も追加する必要はありません。コンテナの背景色は灰色で、おそらく無効なアイテムは透明になっていますが、コンテナの色をグレーから白に変更するとこの問題は解決しました。

Answer 1

おそらくのようなもの：あなたが要素としてion-itemを標的にしている

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> 

Here is a Plunker.

Answer 2

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

Answer 3

：ここ

は、対応するマークアップです。 （このリストが入っているコンテナ） コンテナのデフォルトの背景色はグレーです。