小编Jus*_*lot的帖子

使用 Tailwindcss 时焦点上的 Angular 15 Material 错误输入

对焦前:

对焦前

对焦后:

对焦后

问题:

使用 Angular Mat v.15 和最新的 tailwindcss 在聚焦输入字段时存在错误。

要重现该问题:

ng new angular-test
cd angular-test
ng add @angular/material
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
Run Code Online (Sandbox Code Playgroud)

tailwind.config.js

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

样式.scss

[...]

/* You can add global styles to this file, and also import other style files */

@tailwind base;
@tailwind components;
@tailwind utilities;
Run Code Online (Sandbox Code Playgroud)

应用程序组件.html

<mat-form-field appearance="outline">
  <mat-label>Favorite food</mat-label>
  <input matInput placeholder="Ex. …
Run Code Online (Sandbox Code Playgroud)

angular-material angular tailwind-css

10
推荐指数
1
解决办法
2133
查看次数

标签 统计

angular ×1

angular-material ×1

tailwind-css ×1