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

Question

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

Answer 1

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

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

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

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