离子离子选择背景颜色

Question

我需要帮助来改变。背景颜色，因为当我选择一个选项时它会消失，我只想将黄色的背景更改为黑色

Answer 1

我在网上的教程中找到了这个解决方案，希望对你有所帮助 好吧，只要把它用作 html，假设组件或页面被命名为 masters，它就会呈现一个页面列表，就这么简单：

<ion-content padding class="masters">
  <ion-list inset>
    <button ion-item *ngFor="#master of masterPages" (click)="navMaster(master)">
      {{master.title}}
    </button>
  </ion-list>
</ion-content>

然后在你的 scss 中你定位到 ion-content 标签中的类：

.masters { 背景颜色：绿色； }

最后，您可以通过将它导入同一个文件中来确保该 scss 正在与您的 app.core.scss 一起编译，例如：

@import "../pages/masters/masters";

注意：当使用 ionic generate 命令创建组件、页面或其他内容时，它会在 html 中添加类名并为您创建 scss 文件，这意味着 ionic 团队对样式隔离采取了严格的方式，只需让确保不要在另一个组件中用相同的名称命名另一个类，它应该是一个组件类，如果需要，可以在类前面加上 .admin-masters 和/或 .client-masters。