如何在Angular项目中使用@apply(Tailwind)将自定义类添加到

Question

图像

大家好，我在css文件中有错误，使用了custorm顺风类。如何修复？

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

图像

如果我删除focus:shadow-outline代码，它将开始工作

Answer 1

shadow-outline是一个自定义类。

在使用它之前，您必须首先定义它：

@layer components {
.shadow-outline {
@apply w-auto /*some classes*/;
}
.button {
@apply block uppercase mx-auto shadow bg-indigo-800 hover:bg-indigo-700 focus:shadow-outline focus:outline-none text-white text-xs py-3 px-10 rounded;
}
}