讓複選框較大（網站只支持Chrome瀏覽器）

Question

• 我在Web應用程序
• Chrome的工作是我需要支持
• 我試圖做一個複選框較大唯一的瀏覽器，如圖所示下面的圖像。
• 這可能嗎？ HTML/Jquery/CSS是當前使用的語言。

使用CSS3謝謝

Answer 1

：

.checkbox{ 
-webkit-transform: scale(1.1); 
-moz-transform: scale(1.1); 
transform: scale(1.1); 
} 

或所有箱子

input[type="checkbox"] { 
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    transform: scale(1.1); 
    } 

只有一類scaleBox複選框

input[type="checkbox"].scaleBox { 
     -webkit-transform: scale(1.1); 
     -moz-transform: scale(1.1); 
     transform: scale(1.1); 
     } 

你的情況

HTML：

<menu type=list> 
    <li><label>Current</label><input type=checkbox></li> 
    <li><label>My Goal</label><input type=checkbox class=scale></li> 
</menu> 

CSS：

input[type="checkbox"]{ 

} 
input[type="checkbox"].scale { 
    -webkit-transform: scale(4); 
    -moz-transform: scale(4); 
    transform: scale(4); 
} 

menu{ 
    width:400px; 
    margin:40px 0 0 0 ; 
} 

menu li{ 
    float:left; 
    width:50%; 
    list-style:none; 
} 

menu label{ 
    margin: 0 40px 0 0; 
    text-transform:uppercase; 
    font-weight:bolder; 
} 

更新演示：http://jsfiddle.net/kougiland/Fp9Dc/

跨瀏覽器Styled checkboxes由羅傑·約翰遜

Answer 2

只需使用這樣的：

.youcheckbox{ 
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    transform: scale(1.1); 
}