如何更改离子项的文本颜色

Question

I've been struggling to figure out how to change the text colour of ion-item. This is wahat I have so far, i've found how to change the background colour.

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

But how do I change the text colour?

Answer 1

CSS style for changing font-color is color .

So you can add: color: #fff; For a white font color, for example.

Answer 2

Using Ionic 1, the trick is to use the tag to change the background colour, but then use a div class to inside the to adjust the text colour. Like so:

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

And in the CSS file:

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

Answer 3

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

that's how you do that and those are the result: