Question

我想创建一个视觉上更大的复选框。我在这里读到，唯一的方法是使用CSS转换比例：

input[type="checkbox"]{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

问题是在Windows，浏览器IE，FF和Chrome上它看起来很完美，但在OS X Yosemite上它看起来比原始尺寸大3甚至4倍（选中Chrome和Safari）。

谁知道如何解决这个问题？

完整示例： http://jsfiddle.net/dulmanr/g3h3z1pf/1/

Answer 1

尝试更改本机表单元素总是有点冒险。通常它会在表单元素中引起奇怪的行为，在这种情况下，OSX会做一些奇怪的事情。

当我需要使复选框和radiobutton看起来与本机元素不同时，我完全替换它们。请查看http://css-tricks.com/snippets/css/custom-checkboxes-and-radio-buttons/以获取有关如何执行此操作的详细信息。在几个场合救了我。浏览器支持也很不错。 IE9及以上支持。

css复选框刻度在os x上无法很好地扩展

1 个答案: