在 IONIC 元素中将背景设置为透明色答案

【问题标题】：Setting background to transparent color in an IONIC element在 IONIC 元素中将背景设置为透明色
【发布时间】：2020-05-04 12:24:15
【问题描述】：

我正在尝试将页脚中每个元素的背景颜色设置为“透明”。

<ion-footer>
        <ion-toolbar class="footer">
            <div class="footer-content">
                <ion-item class="footer-item">
                    <ion-icon name="logo-twitter"></ion-icon><a href="https://twitter.com/xxx"> Twitter</a>
                </ion-item>

                <ion-item class="footer-item">
                    <ion-icon --color="blue" name="mail"></ion-icon><a href = "mailto: xxx.com"> Email</a>
                </ion-item>
                <ion-item class="footer-item">
                    <ion-icon name="logo-linkedin"></ion-icon><a href="https://www.linkedin.com/in/xxx/"> LinkedIn</a>
                </ion-item>
            </div>
        </ion-toolbar>
    </ion-footer>

这就是现在的样子

我尝试了以下设置，但它不起作用：

 .footer-item{
            margin: auto;
            align-items: center;
            align-content: center;
            font-family: 'Roboto Slab', serif;
            background:  transparent !important;
        }

【问题讨论】：

改为background-color: transparent。
@ChrisW.，我也试过这个。不工作
您使用的是哪个版本的 Ionic？ version 3 和 version 4 之间的离子组件样式有很大不同，后者已切换到 web components。
这能回答你的问题吗？ Changing background color of Ionic ion-item in CSS - 通常只需检查元素并找到必要的选择器覆盖。该链接应描述正确的选择器路径。

标签： css ionic-framework

【解决方案1】：

如果这是 ionic v4，那么您应该这样做 --background: transparent !important; 我希望这会有所帮助。

【讨论】：