复选框在Android设备浏览器中具有一些额外的像素值

Question

我已经使用一些css自定义了html复选框。我使用的复选框边框是1px solid。但是在边框的左侧和顶部，复选框的像素数量大于复选框的右侧和底部。在检查设备中的元素时，它显示边框1px固定值只要。

如何解决此问题。？

编辑1：用于复选框的CSS：

   .rootel {
      height: 12px;
      width: 12px;
      float: left;
      border: 1px solid #333333;
    }
    .rootel .innerel.active{
       background-position: 0 -4px;
       background-repeat: no-repeat;
       float: left;
       height: 20px;
       left: -3px;
       position: absolute;
       top: -5px;
       width: 22px;
     }

Answer 1

我不知道你有什么问题，因为你没有放任何代码，所以我尝试了自己

有趣的是我发现没有问题

Checkout here

我已经定位绝对，如果我想将边框应用于div后面应用了div，请注意，这可以通过z-index存档，只有其他明智的复选框无法点击

我认为边际概率约为0.03像素

在桌面浏览器中，似乎没问题，但在Android浏览器中无法解决