不同的Chrome复选框尺寸

时间:2017-07-31 14:16:44

标签: html css google-chrome

我想以一种优雅的方式解决一个仅在Chrome中出现的设计问题。 当我用“{1}}包装”输入“类型复选框时,它具有引导类div。此col-… div由复选框填充,但在Chrome中,复选框也会更改大小(变大) 我找到了一个解决方案,它基本上解决了问题,但并不理想。

div

JSFiddle example

首先,我需要仅针对Chrome制定此规则,因为根据MDN这不是最佳做法。 其次,规模的变化不仅会影响复选框的大小,还会影响div中的所有内容。由于这个原因,我失去了这个功能,客户不能完全点击复选框来检查它。 有没有更好的解决方案?

1 个答案:

答案 0 :(得分:0)

您的问题是,在JSFiddle中显示的代码中,您使用的是具有固定高度的form-control类。关于FF和Chrome的行为,似乎只有Chrome实际上允许您使用CSS设置复选框的尺寸...

我建议您检查Bootstrap docs,看看如何在Bootstrap中实现该复选框。