我想以一种优雅的方式解决一个仅在Chrome中出现的设计问题。
当我用“{1}}包装”输入“类型复选框时,它具有引导类div
。此col-…
div由复选框填充,但在Chrome中,复选框也会更改大小(变大)
我找到了一个解决方案,它基本上解决了问题,但并不理想。
div
首先,我需要仅针对Chrome制定此规则,因为根据MDN这不是最佳做法。 其次,规模的变化不仅会影响复选框的大小,还会影响div中的所有内容。由于这个原因,我失去了这个功能,客户不能完全点击复选框来检查它。 有没有更好的解决方案?
答案 0 :(得分:0)
您的问题是,在JSFiddle中显示的代码中,您使用的是具有固定高度的form-control
类。关于FF和Chrome的行为,似乎只有Chrome实际上允许您使用CSS设置复选框的尺寸...
我建议您检查Bootstrap docs,看看如何在Bootstrap中实现该复选框。