Safari中的复选框大小？

Question

Safari中的复选框大小？

11

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

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

- Karandeep Singh

3个回答

0

你需要使用自定义的webkit css属性对它们进行缩放：

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

- Pat

这是不正确的，这就是为什么。它只能在具有文本框类的输入标签上工作。@Styler的答案是正确的，并且有效。 - Steve

3

两个答案的功能相同。我的答案只是使用了类选择器来匹配原始标记。Styler的更好，因为它涵盖了通用情况，而不仅仅是这个特定问题。 - Pat

1

我认为他们在Safari中更改了一些东西？这对我来说在除Safari之外的所有浏览器中都有效。使用-webkit前缀和使用[type=checkbox]选择器对我没有任何作用。尽管当设置font-size: 200％时，我注意到了微小的增加。 - JonTroncoso

0

Tutorialspoint给出了一个更好的答案：https://www.tutorialspoint.com/how-to-set-checkbox-size-in-html-css

      input[type=checkbox] {
         -webkit-appearance: none;
         display: inline-block;
         width: 40px;
         height: 40px;
         background-color: red;
         border-radius: 5px;
         border: 3px solid lightgray;
         margin-right: 10px;
      }
      input[type=checkbox]:checked {
         background-color: lightgreen;
      }

- Esger

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Tyler · Accepted Answer

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