Question

我想增加输入广播的宽度和高度。但是，当我执行以下CSS样式时，它会使无线电盒周围的字段宽度增加。

   input[type="checkbox"]{
  width: 30px; /*Desired width*/
  height: 30px; /*Desired height*/
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

这里有什么问题。我只是想增加无线电输入的圆形大小

由于

Answer 1

无法改变原生收音机和复选框输入的宽度/高度。它是大多数浏览器的限制（有些支持改变这些输入的大小，但它不是crossbrowser）。您应该考虑使用库或jquery插件来执行此操作，我所看到的大部分内容都是通过使用看起来像那些输入的图像来完成的，并模拟隐藏在幕后的原始输入。

Answer 2

你可以使用转换属性

    transform: scale(2,2);

它可能在某些浏览器中不起作用，因此使用-webkit-，-moz-或-o-和大scale值可能会使其显示为depixelated ..

CheckBox大小增加

2 个答案: