离子标签背景颜色

Question

在上面的图片中想要将标签（未点击状态）的颜色更改为其他一些。例如，在上图中我的主页标签处于未点击状态。我有默认颜色的深灰色。我希望将其颜色更改为某些另外。同时我也希望改变文字和线条的颜色（表示点击哪个项目标签的颜色）。我是离子的新手请帮忙。谢谢。

Answer 1

如果图标是SVG，那么只需改变其颜色，方法是将其包含的id或类包含在css中{c} - hosts: tag_Name_Nginx vars: ansible_ssh_private_key_file: ~/.ssh/ansible_ec2.pem gather_facts: true user: ubuntu become: yes become_method: sudo become_user: root roles: - motd - javaubuntu - apt-get - nginx 。文本也是如此。

Answer 2

对于将来会看到这一点的其他人来说，这可能会解决您的问题。

如果要更改图标颜色，则需要使用不同的颜色图标，并将其设置为标签的状态。 1）此方案将更改您选择的选项卡（仅文本）颜色。

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated{
    opacity: 1;
    color: #327FAF;
}

2） 对于更改选定的选项卡背景颜色，仅使用下面的代码段。

.tabs-top.tabs-striped .tab-item{
    background: #33cd5f;
}

感谢有帮助。