Angular material 使用tailwindcss设置input type=number时,如何删除matInput标记周围的轮廓

Angular material 使用tailwindcss设置input type=number时,如何删除matInput标记周围的轮廓,angular-material,tailwind-css,Angular Material,Tailwind Css,我将角度材质和尾风CSS结合使用。当我在使用输入元素时应用matInput时,没有问题,但是当我将输入类型设置为数字时,当我关注输入组件时,会在组件周围创建一个轮廓。如下图所示 谢天谢地,我终于明白了。我已经处理这件事三天了。这些建议对我都不起作用。我使用角材料和滑石。当我在MatInput组件中创建输入类型编号时,当我单击该组件时,输入零件周围会出现一个轮廓。最后,在tailwind.config.js文件中,我删除了插件数组中的[require('@tailwindcss/forms')]部

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


谢天谢地,我终于明白了。我已经处理这件事三天了。这些建议对我都不起作用。我使用角材料和滑石。当我在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')],