html - 网页中的复选框——如何让它们变大？

Question

在大多数浏览器中呈现的标准复选框非常小，即使使用更大的字体也不会增加大小。显示较大复选框的最好的、独立于浏览器的方式是什么？

Answer 1

如果这对任何人都有帮助，这里有一个简单的 CSS 作为起点。将其变成一个基本的圆 Angular 正方形，大到足以容纳带有切换背景颜色的拇指。

input[type='checkbox'] {
    -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
}
input[type='checkbox']:checked {
    background: #abd;
}

<input type="checkbox" />