反应防止焦点点击[复制]

Question

我在我的页面上有一组选项卡，当点击时，将活动选项卡切换到点击选项卡的值。这工作得很顺利，但是当我看到新的活动标签周围有一个蓝色的大焦点框时，我嘴里留下了一股酸味。有没有一种React-y方法来防止这种情况？

带有preventDefault（）的onMouseDown={this.someMethod}是否可以工作？

Answer 1

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

如果您有导航栏，CSS应该如下所示：

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

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