键入文本反应选择时出现意外的蓝色边框

Question

当我输入文本时出现意外的蓝色边框。请检查图像。我尝试control通过设置零或无来编辑样式border，甚至删除boxShadow. 但没有任何作用。请检查图像。

control: (provided) => ({ ...provided, boxShadow: 'none', border: 0, }),

Answer 1

我发现了这个问题。我正在使用一个顺风插件tailwindcss-forms。它会覆盖某些输入的默认行为。所以有两种解决方案。

1. 从tailwind.congif.js文件中删除插件。基本上删除这一行require('@tailwindcss/forms')。
2. 如果你想保留这个插件。将其添加到您的父 css 文件中。例如index.css。input[type='text']:focus { box-shadow: none; }