如何隐藏Blueprint.js开关组件周围的边框？

Question

选择/取消选择时，开关组件蓝图（demo and documentation here）不显示边框。我将此组件包括在React组件中，如下所示：

import {Component} from "react";
import {Switch} from "@blueprintjs/core";
import React from "react";

class BPrintMain extends Component{

    render(){
        return (
            <Switch id="switch-input-3" label="Public"  disabled={false} />
        )
    }
}

export {BPrintMain};

当我单击开关组件时，它显示如下边框：

边框会一直保留到焦点消失为止，也就是说，我单击页面上的其他内容。

我包括来自主要组件的css的蓝图css文件，如下所示：

@import "~@blueprintjs/core/lib/css/blueprint.css";
@import "~normalize.css";
@import "~@blueprintjs/icons/lib/css/blueprint-icons.css";

css似乎可以用于按钮，输入控件等。我缺少什么？为什么开关在焦点上显示该焦点/边界框？

Answer 1

好的，我找到了答案。把它留在这里，以防其他人被它咬伤并用我选择的词语来表达问题。

如in this github issue所述，这是浏览器的预期行为：显示具有焦点的元素。就像问题的答案所说的那样，只需将以下两行添加到您的应用程序中（我在我的React应用程序的根目录index.js中做到了）就可以解决问题：

def lookforward(x):
    L = [x.loc[x['dt_op'].between(row.dt_op, row.dt_op + pd.Timedelta(days=7)), \
         'quantity'].sum() for row in x.itertuples(index=False)]
    return pd.Series(L, index=x.index)

s = df.groupby('cod_id').apply(lookforward)
s.index = s.index.droplevel(0)

df['Final_Quantity'] = s

print(df)

       dt_op  quantity  cod_id  Final_Quantity
0 2018-01-20         1     613               2
1 2018-01-21         8     611               8
2 2018-01-21         1     613               1