不同的Chrome复选框样式

Tim*_*erz 11 css checkbox google-chrome

我为两个站点打开了相同版本的Chrome 31,一个站点右侧有复选框,我检查了调试器中的样式,但我似乎无法弄清楚导致它的原因.

在此输入图像描述 在此输入图像描述

它必须是应用的自定义Chrome样式,因为它只是使用标准 <input type="checkbox" />

这是具有较大的CSS的复选框widthheight:

在此输入图像描述

两个站点都使用 <input type="checkbox">

Tim*_*erz 16

我想到了.另一个网站在Chrome中略有缩放.翻转到备用渲染的CSS样式是...缩放.

zoom: 1.1


小智 9

我做了一个不需要使用<label>标签的版本:

http://jsfiddle.net/4bs8A/

1段css改变了所有的复选框,没有什么麻烦,是我想要的目标.

没有花很长时间的风格,但你得到了要点.