今天分享一個比較實用的技巧，在實際項目中我們會經常遇到表單的input標簽多選和單選的問題，但是往往由於標簽自身的樣式和我們項目的風格很不搭調，就不能實現了，今天就來告訴大家怎么去實現吧。
第一種：利用偽類：（開源中國）
需要注意的是：在頁面布局中，還是有input【type=checkbox】的：
它的樣式如下所示：
后面就是通過js腳本來控制它去實現了；
第二種：采用圖片
這是一個樹形控件zTree
注意事項：圖片最好做好兩種狀態圖，並且合並成精靈圖，注意類名的應用，指引入一次，后面的修改background-position: 0 0;就可以了；
第三種:下面推薦3種方法實現checkbox/input文本框與文字對齊:
1.使用css實現文本對齊:
<input type="checkbox" class="vat"><label class="vat">這是文字</label>
注意:不要隨意加樣式添加在行內,不方便后期的樣式管理.
.vat{vertical-align:top}
2.使用label中的for屬性對齊
<input type="checkbox" id="more" /> <label for="more">對齊是想要的效果</label>
3.使用label包裹整個input和文字
<label><input type="radio"/>男</label>