如何更改ion-item文本颜色

Question

我一直在努力想要改变 ion-item 的文本颜色，但是一直无法实现。目前只找到了如何改变背景颜色的方法。

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

但是我该如何改变文本颜色呢？

- Ramonster

---

你是指 color 吗？ - Álvaro González

是的，抱歉，我住在英格兰。尝试更改ion-item的文本颜色。 - Ramonster

我的意思是CSS的color属性，而不是美式英语单词。我对Ionic一无所知，但这是您用来设置文本颜色的工具。请按照我之前评论中的链接。 - Álvaro González

Answer 1

CSS改变字体颜色的样式是color。

因此，您可以添加： color：＃fff; 例如，使用白色字体颜色。

- Robotnicka

---

谢谢您的回复，但是<ion-item style="color: #2196F3">没有起作用。 - Ramonster

Answer 2

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

那是你完成该操作的方式，这些是结果: 。

- Chen Zissu

---

很奇怪，我尝试了这个：<ion-item style="background-color: #2196F3; color: #E3F2FD">，但文字颜色仍然是一样的。我甚至尝试了单独使用颜色，但出于某种原因似乎也不起作用。 - Ramonster

如果你只是写了这些，那很容易...你需要添加一些文本或其他内容，这样你才能看到一些结果，就像我在我的回答中写的“嘿”。 - Chen Zissu

Answer 3

使用Ionic 1，关键是使用<ion-content>标签来更改背景颜色，然后在<ion-content>内部使用

类来调整文本颜色。 像这样：

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

- Ramonster