イオンアイテムのテキストの色を変更する方法

Question

イオンアイテムのテキストの色を変更する方法を理解するのに苦労しています。 これは私がこれまで持っていたものです、私は背景色を変更する方法を見つけました。

<ion-item style="background-color: #82B1FF"> 

ただし、テキストの色を変更するにはどうすればよいですか。

Answer 1

font-colorを変更するCSSスタイルはcolorです。

次のように追加できます。 color: #fff; たとえば、白いフォントの色です。

あなたがその、それらの結果であり、どのように行うのです

Answer 2

<ion-item style="background-color: #82B1FF; color:#fff">hey 

：イオン1を使用して

Answer 3

、トリックは、背景色を変更するためにタグを使用することですが、その後に内側へのdivクラスを使用しますテキストの色を調整します。

<ion-item style="background-color: #2196F3; color: #E3F2FD"> 
     <div class="CustomColour"> 
     <h2><b>{{key}}</b></h2> 
     </div> 
    </ion-item> 

とCSSファイルで：

div.CustomColour * { 
     color: #E3F2FD !important; 
    }