Twitter bootstrap 引导：不可见复选框，内部按钮正常工作

在我使用

React bootstrap

npm包的React Meteor应用程序中，我试图获得一个类似按钮的复选框，该复选框将

input

和

I

元素嵌套在

label.btn

元素中

但是，下面的代码显示了一个按钮，其中包含一个复选框

我们如何去掉复选框，使按钮看起来像一个只有图标和文本的常规按钮

render（）{
...
复选框

我们可以使用以下css隐藏此复选框，但保持正常操作：

label input[type="checkbox"] {
  position: fixed;
  z-index: -10;
  opacity: 0;
  left: 0;
  top: 0;
}

。自定义复选框输入[type=“checkbox”]{
位置：固定；
z指数：-10；
不透明度：0；
左：0；
排名：0；
}

复选框

label input[type="checkbox"] {
  position: fixed;
  z-index: -10;
  opacity: 0;
  left: 0;
  top: 0;
}