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

<!-- 引入Firebase UI Web的CSS文件 -->
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/4.8.0/firebaseui.css" />

<!-- 引入Firebase库 -->
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-auth.js"></script>

<!-- 引入Firebase UI Web的JavaScript文件 -->
<script src="https://cdn.firebase.com/libs/firebaseui/4.8.0/firebaseui.js"></script>

// 初始化Firebase
var firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

firebase.initializeApp(firebaseConfig);

<form id="email-login-form">
  <input type="email" id="email-input" placeholder="Email" />
  <input type="password" id="password-input" placeholder="Password" />
  <button type="submit">Login</button>
</form>

// 初始化Firebase UI Web
var ui = new firebaseui.auth.AuthUI(firebase.auth());

// 配置电子邮件登录选项
var uiConfig = {
  signInOptions: [
    firebase.auth.EmailAuthProvider.PROVIDER_ID
  ],
  signInSuccessUrl: '/dashboard',
  callbacks: {
    signInSuccessWithAuthResult: function(authResult, redirectUrl) {
      // 登录成功后的回调函数
      return true;
    }
  }
};

// 显示电子邮件登录表单
ui.start('#email-login-form', uiConfig);