改变单选按钮的大小

时间:2011-07-26 23:49:01

标签: html css size radio-button

可以在CSS中更改单选按钮的大小 - 在所有浏览器中都是如此?我无法弄清楚如何做到这一点。如果您知道这是不可能的,请告诉我,这样我就不会浪费时间。我还没有看过HTML 3的HTML 5。 Hmmmm ...

2 个答案:

答案 0 :(得分:2)

虽然单选按钮看起来是由操作系统控制的,但是有一些方法可以为单选按钮应用表单元素:http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ AFAIK建议不要修改它。

答案 1 :(得分:0)

CSS允许对表单元素进行一些操作 - 因此您应该能够像任何元素一样设置它的高度和宽度。但是,操作系统和浏览器仍会对最终输出产生影响。

本演示中的代码演示了CSS规则以及它们如何用于设置单选按钮的样式: http://www.456bereastreet.com/lab/styling-form-controls-revisited/radio-button/

避免使用CSS的最简单方法 - 实际上是实现此更改的更难的方法 - 是使用javascript和css将自定义按钮和其他表单元素替换为自定义图像: http://www.emblematiq.com/lab/niceforms/

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/