html - 在 firebase-ui 上更改输入字段的边框颜色

Question

我正在使用 firebase authUI。这是一个demo : 单击使用电子邮件登录

我尝试更改单击输入字段时出现的“蓝色”下划线的颜色。但我只是想不出我需要更改 css 中的哪个元素。我几乎尝试了一切，但我在这里遗漏了一些东西。也许有人对我有想法？

我只知道如何在未单击时更改此边框的颜色:

.firebaseui-textfield.mdl-textfield .firebaseui-input {
    border-color: rgb(209,74,74);
}

Answer 1

如果您将类 .is-focused 手动添加到包含输入和标签的 div。

这将强制焦点状态，您可以相应地检查和修改源。

我自己看了一下，如果你想改变边框颜色，那么添加这个......

.firebaseui-textfield.mdl-textfield .firebaseui-label::after {
    background-color: magenta;
}

根据需要更改颜色。您可能需要使用 important 来覆盖它。