[CSS] 利用CSS將checkbox控制項放大

Question:

老人們嫌checkbox太小顆，要放大一些比較方便操作

Solve:

HTML：
<input type="checkbox" /><span>選我選我</span>

CSS方法一：
input[type=checkbox] {
  zoom: 200%;
}

CSS方法二：
input[type=checkbox] {
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FireFox */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
}

兩個方法都可以達到將checkbox放大的目的，
方法一很簡單，利用zoom就是將整個控制項放大，
不過實際有時排版會怪怪的...(?)
方法二好像比較多人用，雖然比較麻煩一點...
不過至少排版上比較沒有問題