如何删除焦点上的蓝色边框？

Question

当我单击日期选择器组件容器或日历中的单个单元格时，将添加蓝色边框。

我在style.css中找不到相关的CSS，也没有看到在DevTools中添加了任何可能添加蓝色边框的类。

如何摆脱这种情况？

Answer 1

当DayPicker-wrapper元素聚焦时，将添加蓝色的“边框”。实际上，除非您另外指定，否则实际上是outline css属性被添加到任何焦点元素中。

要从整体DayPicker元素中删除轮廓，请将以下内容添加到.DayPicker-wrapper组件stylesheet中的DayPicker类中：

.DayPicker-wrapper {
  outline: none;
}

您还可以通过将{outline: none;}添加到.DayPicker-Day类中来将其从各个日子中删除。

Answer 2

Mark的解决方案运行完美；仅供参考，如果要删除所有轮廓（蓝色边框）而不添加多个类，请尝试编写：

.DayPicker * {
  outline: none;
}