如何防止输入边框出现在点击反应？

【问题标题】：How prevent input boarder appearing on click with react?如何防止输入边框出现在点击反应？
【发布时间】：2020-10-17 18:51:48
【问题描述】：

我有一个带有输入的反应应用程序。我设计了它，所以它只有我想要的完美的底部边框。当我点击它时，会出现黑色边框。我怎样才能修复它并且即使我点击它也能保持清晰？

【问题讨论】：

【解决方案1】：

您需要向outline-width 提供 0（零）以禁用显示边框。

input {
  padding: 8px 10px;
  border: 1px solid red;
  outline-width: 0;
}

&lt;input type="text" placeholder="Enter something" /&gt;

【讨论】：