單選框和字對齊

---

由於大部分瀏覽器字體大小都是12px,12px文字的底線和單選框是不對齊的,
最簡單的方法就把單選框和字都加上vertical-align: middle;就行了,
若是還有有點不完美,就用margin-top:-1px; margin-bottom:1px;,這樣微調一下單選框

---

若是上面的"萬能方法"不行就試試下面的:

• 以vertical-align:text-bottom

單選框加vertical-align:text-bottom; margin-bottom:2px; margin-bottom:-2px\9;

• 以vertical-align:text-top

單選框加height:13px; vertical-align:text-top; margin-top:0;

• 以vertical-align:bottom

單選框加height:15px; vertical-align:bottom; margin-bottom:3px; margin-top:-1px;

• 以vertical-align:top

單選框加height:14px; vertical-align:top;

• 或者用vertialc-align:-3px能夠緩解問題

---

以上的px值不必定是最完美的,根據不一樣環境本身找一個完美的值