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

How to change the size of the radio button using CSS?(如何使用 CSS 更改单选按钮的大小?)
本文介绍了如何使用 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+.

这篇关于如何使用 CSS 更改单选按钮的大小?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

how to remove this error quot;Response must contain an array at quot; . quot;.quot; while making dropdown(如何删除此错误quot;响应必须在quot;处包含数组。创建下拉菜单时(Q;))
Why is it necessary to use `document.createElementNS` when adding `svg` tags to an HTML document via JS?(为什么在通过JS为一个HTML文档添加`svg`标签时,需要使用`Document.createElementNS`?)
wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
price depend on selection of radio input(价格取决于无线电输入的选择)
calculate price depend on selection without button(根据没有按钮的选择计算价格)
What should I consider before minifying HTML?(在缩小HTML之前,我应该考虑什么?)