angular-material - 使用tailwindcss设置输入类型=数字时，如何删除matInput标签周围的轮廓

Question

我一起使用 Angular 材质和 tailwindcss。当我在使用输入元素时应用matInput，没有问题，但是当我将输入类型设置为数字时，当我关注输入组件时，会在组件周围创建一个轮廓。如下图所示。

标签： angular-materialtailwind-css

Answer 1

感谢上帝，我终于想通了。我已经处理了三天了。这里没有任何建议对我有用。我将棱角材料和 talwincss 一起使用。当我在 MatInput 组件中输入输入类型编号时，当我单击该组件时，输入部分周围会出现一个轮廓。最后，在tailwind.config.js文件中，我删除了插件数组中的[require('@tailwindcss/forms')]部分并修复了。谢天谢地我找到了。:)

module.exports = {
prefix: '',
purge: {
  content: [
    './src/**/*.{html,ts}',
  ]
},
darkMode: 'class', // or 'media' or 'class'
theme: {
  extend: {},
},
variants: {
  extend: {},
},
plugins: [require('@tailwindcss/forms'),require('@tailwindcss/typography')],

};