CSS transform blurs the checkbox on Firefox 41.0.1

It is very strange, css transform makes the checkbox blurry.

1. Without css transform.

.box {
  position: absolute;
  top: 50%;
  left: 50%;
}

<div class="box">
  <label>
    <input type="checkbox" name="check"><span> Check me</span>
  </label>
</div>

2. With css transform.

.box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

<div class="box">
  <label>
    <input type="checkbox" name="check"><span> Check me</span>
  </label>
</div>