单选框与复选框对齐问题

场景

当文字字体在12px时，文字相对于单选框和复选框的位置是偏下的！（谷歌浏览器）

截图

示例

解决方案

• 方案一

    input[type="radio"], input[type="checkbox"] {
      vertical-align: middle;
      margin-top:-2px;
      margin-bottom:1px;
    }

• 方案二

input[type="radio"], input[type="checkbox"] {
      vertical-align:-2px;
}

我在浏览器测试中 “-2px”看起来更舒服点。

参考资料

• 复选框或单选框与文字对齐的问题