cssradio样式,css radio样式

CSS如何只给radio类型input表单控件设置样式？

写个.radio{

float:left;

margin:0px;

padding:0px;…}//先写好打算控制的样式

在下面用到的时候就

input

type="radio"

class="radio"

/

相关问答

Q1: css中radio的样式问题~~~~~~~~~~~~~~~~~

如果仅是在IE6的话：

style type="text/css"

input{border:1px #ff0000 solid;}

input{border-color:expression((this.type=="text")?"#ff9966":"#ff0000")}

/style

input name="123" type="text"

input type="radio" name="radiobutton"

Q2: css radio样式的菜鸟问题.....

后面那个 “男” 好理解 就是网页显示 男

而value=“男" 没有实际意义 网页并不会显示出来

但是可以用作js或者php asp的判断 用

比如 你想知道 选了哪个 得先判断value是男 还是女

正如楼上说的 value 通常 是设定为1和0

通过判断 value是1还是0就可以知道 选了 男还是女

Q3: 怎么用CSS控制表单中的RADIO样式？

用label，例如：

.add_cart_radio{

    float:left;

    margin-top:0.5em;

    margin-right:0.5em;

}

.add_cart_radio input[type="radio"]{

    display:none;

}

.add_cart_radio input[type="radio"] + label{

    padding:0.2em 1em;

    border:1px solid #CCCCCC;

    border-radius:0.5em;

    color:#999;

}

.add_cart_radio input[type="radio"]:checked + label{

    padding:0.2em 1em;

    border:1px solid #FF6600;

    border-radius:0.5em;

    background:#FF6600;

    color:#FFFFFF;

}