如何使用 CSS 更改单选按钮的大小？

Question

有没有办法控制 CSS 中单选按钮的大小？

原文由 Misha Moroshko 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这个 css 似乎可以解决问题：

 input[type=radio] {
    border: 0px;
    width: 100%;
    height: 2em;
}

将边框设置为 0 似乎允许用户更改按钮的大小，并让浏览器以该大小呈现它，例如。上面的 height: 2em 将以行高的两倍呈现按钮。这也适用于复选框 ( input[type=checkbox] )。有些浏览器比其他浏览器呈现得更好。

它在 IE8+、FF21+、Chrome29+ 中工作。

原文由 user2745744 发布，翻译遵循 CC BY-SA 4.0 许可协议