有没有办法在 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+.
这篇关于如何使用 CSS 更改单选按钮的大小?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!