Safari中的复选框大小？答案

【问题标题】：checkbox size in safari?Safari中的复选框大小？
【发布时间】：2011-03-13 07:03:47
【问题描述】：

<style>  
input.checkbox  
{  
    width:300px;  
    height:300px;  
    margin:0px 0 0 0px;  
}  
</style>  
<body>  
<input type="checkbox" class="checkbox"/>

我想增加复选框的大小，但是这段代码在 Internet Explorer 中可以正常工作，但在 Safari 中却不行。

【问题讨论】：

标签： css safari checkbox

【解决方案1】：

input[type=checkbox] {
    -webkit-transform: scale(3,3);
}

【讨论】：

不幸的是，它不再起作用了。我正在使用 Safari 版本 13.1.1

【解决方案2】：

您必须使用自定义 webkit css 属性来扩展它们：

input.checkbox {
    -webkit-transform: scale(1.3,1.3);
}

【讨论】：

这是不正确的，这就是原因。它仅适用于具有一类文本框的输入标签。 @Styler 的答案是正确的，并且有效
@Steve 两个答案都做同样的事情。我的只是使用类选择器来匹配 OP 的标记。不过，Styler 肯定更好，因为它涵盖了一般情况而不是这个特定问题。
我认为他们在 safari 中改变了一些东西？这适用于除我的 safari 之外的所有浏览器。使用 -webkit 前缀和使用 [type=checkbox] 选择器对我没有任何作用。虽然我在设置font-size: 200% 时确实注意到了微小的增加。