CSS - 如何在离子框架中更改项目头像的背景颜色？答案

【问题标题】：How to change background colour for item avatar in Ionic Framework?CSS - 如何在离子框架中更改项目头像的背景颜色？
【发布时间】：2014-10-02 23:18:36
【问题描述】：

我需要使用 ionicframework 更改项目头像的背景颜色。问题是，它没有改变。

css

.list.item-avatar.list-purple{
    color: #FFF;
    background-color: #b31f6f;  
}

html

<div class="list list-inset">
    <div class="item item-divider">
    YOUE MOVE
    </div>
    <a class="item item-avatar list-purple" href="#">
      <img src="img/venkman.jpg">
      <h2>Julia Roberts</h2>
      <p>2 days ago</p>
    </a>
    <a class="item item-avatar" href="#">
      <img src="img/venkman.jpg">
      <h2>Robert De Niro</h2>
      <p>2 days ago</p>
    </a>
   </div>

请指教。谢谢。

【问题讨论】：

标签： html css angularjs ionic-framework

【解决方案1】：

CSS 规则应如下所示：

.list .item-avatar.list-purple {
  color: #FFF;
  background-color: #b31f6f;  
}

请注意，CSS 选择器中只有一个空格。

【讨论】：

@Lal 您的小提琴中的 html 和问题中的 html 不同。

【解决方案2】：

试试这个：

.item、.item-avatar、.list-purple { }

【讨论】：

@Lal 是正确的。我忘记添加了。在其他班级面前。刚刚在我的解决方案中也修复了它。