【问题标题】:Class style in Ionic 2 not workingIonic 2 中的类风格不起作用
【发布时间】:2018-01-25 23:01:32
【问题描述】:

我有一个 Ionic 2 应用程序,并且在 pages/home 文件夹中有以下两个文件:

home.html:

<ion-list-header class="list">Your List</ion-list-header>

home.scss:

.list {
    color: green;
}

任何想法为什么这不起作用?该文件被正确引用并且其余样式正常工作,但是每当我使用类属性时,它都不会选择样式(尝试将类也放在其他元素上)。

【问题讨论】:

  • 如果您检查浏览器中的元素,list 类是否实际应用?
  • 您是否尝试过color="green"中的颜色属性
  • 不,该类未应用。问题不是“为什么没有应用?”,因为我不知道这个类没有应用。
  • 当我手动添加类时,它可以工作,但我不明白为什么没有应用类?
  • "color: green" 与其他选择器一起使用,所以应该不是问题

标签: html css ionic-framework sass ionic3


【解决方案1】:

我对每个 html 元素都进行了尝试,但没有成功。为实时重新加载在 .ts 文件中进行了更改,但仍然不适用。

然后刷新页面也开始了。

我建议在涉及到 html/css 以及在 Google chrome 的开发人员工具中勾选“禁用缓存”时刷新所有内容。

【讨论】:

    【解决方案2】:

    它工作正常。我已经测试过了。看来你的问题与实时重新加载器问题有关。这就是它不适用的原因。

    解决方案:只需更改home.ts 文件上的semi colon(i.e. ;) 并让它重新加载服务器。然后一切都会好起来的:)

    【讨论】:

      猜你喜欢
      • 2017-06-20
      • 1970-01-01
      • 2017-08-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-12-06
      • 1970-01-01
      • 2018-04-01
      相关资源
      最近更新 更多