ion-item의 텍스트 색상을 변경하는 방법

Question

ion-item의 텍스트 색상을 변경하는 방법을 고민하고 있습니다. 이것은 제가 지금까지 가지고있는 배경입니다, 나는 배경색을 변경하는 방법을 발견했습니다.

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

그러나 텍스트 색상은 어떻게 변경합니까?

Answer 1

글꼴 색을 변경하는 CSS 스타일은 color입니다.

그래서 다음을 추가 할 수 있습니다. color: #fff; 예를 들어 흰색 글꼴 색상의 경우.

Answer 2

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

은 당신이 그것을 할 방법과 사람들은 결과입니다 :

Answer 3

배경색을 변경하는 태그를 사용하지만, 다음에 내부에 DIV 클래스를 사용하는 이온 성 1, 트릭입니다 사용 텍스트 색상을 조정하십시오. 과 같이 :

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