复选框... IE和Firefox

Question

所以，我已经接管了一个内部项目，之前的版本存在关于复选框样式的问题。我已经修复了Chrome中的问题，这对我们来说很好，因为它是这里唯一安装的浏览器，但是当它上线时，一些模块将可供客户使用，这是事情变得棘手的地方。这是我用来设置Chrome中复选框样式的代码：

input[type=checkbox] {
  border-radius: 2px;
  cursor: pointer;
  margin-top: 1px;
  border: 1px solid #gray;
  background-color: white;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  width: 20px;
  height: 20px;
}
input[type=checkbox]:checked {
  background-color: #3FAE2A;
  border: 1px solid #3FAE2A;
}
input[type=checkbox] :hover {
  border: 1px solid #3FAE2A;
  -moz-transition: border-color 0.1s ease-out;
  -o-transition: border-color 0.1s ease-out;
  -webkit-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out;
}

现在目前这个工作的意思是复选框在所有浏览器中都可以使用，但只在Chrome中设置了样式，有没有办法让我只使用css让它在IE和Firefox中运行？如果没有，我应该在哪里看？