如何修复Firefox中的截止复选框元素？

Question

我在FF 43.0.3，Mac OS 10.9.3上。 FF正在剪切右侧的原生复选框。这对我来说不是一个问题;我在CodePen中确认了切​​断。我还查看了几个带有复选标记的随机网站，我也看到了同样的情况。我确保将浏览器缩放重置为默认值，默认字体为16px的Times。我还尝试通过首选项关闭硬件加速，如另一个网站建议的那样。没工作。我的CodePen示例中唯一的代码是<input type="checkbox">

很想听到任何建议。

Answer 1

这是因为样式问题而发生的，并且在不同的浏览器上显示不同。因此，尝试修复checkbox元素的样式及其父元素，添加部分或全部样式：

#parent-element { /*Or Whatever The ID Of The Parent Element Is*/
     line-height: 20px;
     height: 20px;
     display: block
}
#checkbox-element { /*Or Whatever The ID Of The Checkbox Element Is*/
     display: block;
     height: 20px
}

尝试使用不同的值更改元素的样式以满足您的需求。