如何在从 CDN 加载的 Firebase UI Web 中更改使用电子邮件表单颜色登录

Question

有没有办法在不重建整个FirebaseUI的情况下覆盖CSS？我需要在下面的表格中更改紫色。我没有使用手机。我刚刚有了从CDN为FirebaseUI引入CSS和JavaScript的脚本标签。

我有这个css的链接，但是不知道哪个属性在控制颜色。https://github . com/firebase/firebase ui-web/blob/master/style sheet/firebase-ui . CSS

下面是github项目供参考：https://github.com/firebase/firebaseui-web

Answer 1

几周前我不得不这样做。以下是我更改的属性：

.firebaseui-button {
    background-color: #ff626e !important;
    color: white !important;
}

.firebaseui-textfield.mdl-textfield .firebaseui-label:after {
    background-color: #ff626e !important;
}

.mdl-progress > .progressbar {
    background-color: #ff626e !important;
}

.mdl-progress > .bufferbar {
    background-image: linear-gradient(
            90deg,
            hsla(0, 0%, 100%, 0.7),
            hsla(0, 0%, 100%, 0.7)
        ),
        linear-gradient(90deg, #ff626e, #ff626e) !important;
    z-index: 0;
    left: 0;
}

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(
            90deg,
            hsla(0, 0%, 100%, 0.9),
            hsla(0, 0%, 100%, 0.9)
        ),
        linear-gradient(90deg, #ff626e, #ff626e) !important;
}