文章/答案/技术大牛

发布

社区首页 >问答首页 >类中未应用TailwindCSS样式的

问类中未应用TailwindCSS样式的
EN

Stack Overflow用户

提问于 2022-07-10 10:48:10

回答 1查看 182关注 0票数 2

页面代码正确地检测到了TailwindCSS样式表，但是尽管如此，类名并没有应用样式。我已经将它复制到TailwindCSS游乐场，看看它是否在那里工作，而且它确实有效，所以我不知道为什么它在这里不起作用。

页码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Exceptional Kids | Login</title>
        <link href="../style.css" rel="stylesheet">
    </head>
    <body>
        <div class="flex justify-center items-center h-screen">
            <div class="border-4 border-black rounded-3xl flex justify-around p-10">
                <div class="text-center border-r-2">
                    <p class="text-xl font-bold">Login</p>
                    <form action="/api/login" method="post" class="px-5">
                        <div>
                            <label for="email">Email: </label>
                            <input type="email" name='email' class="shadow-md mx-4 my-2" /><br />
                        </div>
                        <div>
                            <label for="password">Password: </label>
                            <input type="password" name='password' class="shadow-md mx-4 my-2" /><br />
                        </div>
                        <input type="submit" value='Login' class="border-2 p-1 my-5 rounded-md" />
                    </form>
                </div>
                <div class="text-center border-l-2">
                    <p class="text-xl font-bold">Sign Up</p>
                    <form action="/api/signup" method="post" class="px-5">
                        <div>
                            <label for="firstName">Enter name of parent/guardian: </label>
                            <input type="text" name='firstName' class="shadow-md mx-4 my-2" /><br />
                        </div>
                        <div>
                            <label for="lastName">Enter name of parent/guardian: </label>
                            <input type="text" name='lastName' class="shadow-md mx-4 my-2" /><br />
                        </div>
                        <div>
                            <label for="email">Enter parent/guardian&apos;s email: </label>
                            <input type="email" name='email' class="shadow-md mx-4 my-2" /><br />
                        </div>
                        <div>
                            <label for="password">Enter password: </label>
                            <input type="password" name='password' class="shadow-md mx-4 my-2" /><br />
                        </div>
                        <input type="submit" value='Create Account' class="border-2 p-1 my-5 rounded-md" />
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>

TailwindCSS文件：

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,php}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

php

html

tailwind-css

回答 1

Stack Overflow用户

发布于 2022-07-10 16:06:17

第一轮

npm运行表

然后刷新页面

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72927897

复制

相似问题

问类中未应用TailwindCSS样式的
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问类中未应用TailwindCSS样式的EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问类中未应用TailwindCSS样式的
EN