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

Question

我使用的是FF 43.0.3，Mac OS 10.9.3。 FF正在削减右侧的本机复选框。 就我而言，这不是一个CSS问题。 我确认了CodePen中的截止日期。 我还查看了几个带有复选标记的随机站点，并且看到了相同的内容。 我确保将浏览器缩放比例重置为默认值，默认字体为Times at 16px。 我还尝试通过另一个网站建议通过“首选项”关闭硬件加速。 没用 我在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
}

尝试更改具有不同值的元素样式以适合您的需求。