反应防止点击

React prevent focus on click

本文关键字：更新时间：2023-09-26

我的页面上有一组选项卡，当单击时，可以将活动选项卡切换到已单击选项卡的值。这很好，但当我看到新的活动选项卡周围有一个蓝色的大焦点框时，我嘴里会有一股酸味。有React-y方法可以防止这种情况吗？

一个带有preventDefault（）的onMouseDown={this.someMethod}会在方法中工作吗？

逻辑是正确的，但设计会给你带来问题吗？在这种情况下，一些CSS应该使其正确。

如果你有一个导航栏，CSS应该是这样的：

 .navbar-inverse .navbar-brand:focus {
  background-color : red; //Just add the properties you want here
}

如果你只需右键点击并检查元素，浏览器应该会准确地告诉你CSS是如何处理选项卡上的焦点的。