Angular 项目中的 Angular 材质 15 与 Tailwind CSS 3.2.4 不匹配

Question

我使用 Angular 15 和 Angular Material 15，然后按照说明添加了 Tailwind CSS https://tailwindcss.com/docs/guides/angular

材料组件设计不匹配，如下所示

占位符名称被按应有的方式截断

该行出现在文本框中。

在 style.scss 中

@tailwind base;
@tailwind components;
@tailwind utilities;

顺风配置

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

Answer 1

它与顺风应用边框样式有关：'solid'到一切。

*, ::before, ::after {
  border-style: none;
}