<style>
input.checkbox
{
width:300px;
height:300px;
margin:0px 0 0 0px;
}
</style>
<body>
<input type="checkbox" class="checkbox"/>
我想要增加复选框的大小,但这段代码在Internet Explorer中可以正常工作,但在Safari中不能。
input[type=checkbox] {
-webkit-transform: scale(3,3);
}
你需要使用自定义的webkit css属性对它们进行缩放:
input.checkbox {
-webkit-transform: scale(1.3,1.3);
}
-webkit
前缀和使用[type=checkbox]
选择器对我没有任何作用。尽管当设置font-size: 200%
时,我注意到了微小的增加。 - JonTroncoso 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;
}