小编kao*_*shi的帖子

我正在 next js 13 创建测试站点，并且有一个登录页面。我在其中使用输入和按钮标签，但问题是我的字体不适用于输入和按钮。有谁知道这与什么有关？

'use client'

import { signIn } from "next-auth/react"
import '../../globals.css'

export default function Providers({ providers }) {

    return (
        <div style={{ 'display': 'flex', 'justifyContent': 'center', 'alignItems': 'center' }} >
            <div className="login-card" >
                <h1>Log-in</h1>
                <form className="email-form" method="post" action="/api/auth/signin/email">
                <input className={"email-input"} placeholder="email" type="text" id="email" name="email" onChange={e => setEmail(e.target.value)} />
                <button className="email-btn" onClick={() => signIn('email', { callback: '/', email })} type="submit" >Sign in</button>
                <button className="google-btn" onClick={() => signIn(providers.google.id)}>
                    Google
                </button>
            </form>
            </div>
        </div>
    )

}

CSS

.login-card { …