mt-5 h 在顺风 css 中对 textarea 不起作用

Posted 2023-03-07

【中文标题】mt-5 h 在顺风 css 中对 textarea 不起作用

【英文标题】：mt-5 h not working for textarea in tailwind css in react

【发布时间】：2021-08-15 11:54:12

【问题描述】：

您好，我正面临反应顺风文本区域的问题，我正在申请 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，我发现这是检查器，在 textarea 中有一个额外的样式

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

【参考方案1】：

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