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

2022-01-21 00:00:00 radio-button html css

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

Is there a way to control the size of the radio button in CSS ?

推荐答案

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

This css seems to do the trick:

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

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

Setting the border to 0 seems to allow the user to change the size of the button and have the browser render it in that size for eg. the above height: 2em will render the button at twice the line height. This also works for checkboxes (input[type=checkbox]). Some browsers render better than others.

从 windows 框中，它可以在 IE8+、FF21+、Chrome29+ 中运行.

From a windows box it works in IE8+, FF21+, Chrome29+.

相关文章