radio样式css样式,radio自定义样式

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

楼上使用表达式是一种办法，但是不支持火狐，还可以使用css的type选择器input[type="radio"] {background-color:blue;}，但是缺点是不支持ie6，所以最好的办法是专门为radio写个样式：input type="radio" class="radio_style" /css:.radio_style {background:blue;}

相关问答

Q1: 怎么用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;

}

Q2: 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"

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

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

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

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

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

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

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