📜  如何在 HTML/CSS 中设置复选框大小?

📅  最后修改于: 2021-08-30 09:29:38             🧑  作者: Mango

复选框是一个 HTML 元素,用于接收用户的输入。
方法一:复选框大小可以通过height和width属性设置。 height 属性设置复选框的高度,width 属性设置复选框的宽度。

句法:

input./*checkbox class name*/ {
    width : /*desired width*/;
    height : /*desired height*/;
}

例子:

 

  

    
        Set checkbox size
    
      
    
    

  
 
    
          
    

  
                    

输出:

注意:这适用于 Google Chrome、Microsoft Edge 和 Internet Explorer。在 Mozilla Firefox 中,可点击的复选框区域是指定的,但它显示一个默认大小的复选框。

方法 2:另一种适用于 Mozilla Firefox 的替代解决方案是使用转换属性。

句法:

input./*checkbox class name*/ {
    transform : scale(/*desired magnification*/);
}

例子:

 

  

    
        Set the size of checkbox
    
      
    
    

  

    

  

输出:

这种方法有一些缺点。必须小心放置复选框以将其保留在浏览器窗口中或防止它与其他元素重叠。此外,在某些浏览器中,对于较大的尺寸,复选框可能会出现像素化。