mt-5 h 不适用于 tailwind css 中的文本区域

Question

你好，我遇到了 React Tailwind 文本区域的问题，我想申请 mt-5 但它不起作用。当我使用 style={{marginTop:"1.25rem"}} 添加时，它正在工作，类似的属性，如高度边距......不适用于反应

中的文本区域

function (){
  return (
    <div className=" w-24 m-5">
      <input placeholder="name" className="pl-2 rounded-sm" />
      <textarea className=" mt-5"></textarea>
      <button className="mt-5 bg-gray-300 text-gray-800 px-2 py-1 hover:bg-black hover:text- white rounded-sm hover:underline">
        submit
      </button>
    </div>
  );
}

我实际上发现了一个问题，即反应正在向 textarea 添加额外的样式并且覆盖 textarea，我发现这是 inspector，在 textarea 中有一个额外的样式

我怎样才能避免这种额外的风格，谁在添加它，是顺风还是反应

Answer 1

这不是 tailwind 的问题，也不是反应，这是我的浏览器和扩展，我删除了那些扩展并且它正在工作

mt-5 h 不适用于 tailwind css 中的文本区域

mt-5 h not working for textarea in tailwind css in react

reactjs

tailwind-css

tailwind-in-js