楼上使用表达式是一种办法,但是不支持火狐,还可以使用css的type选择器input[type="radio"] {background-color:blue;},但是缺点是不支持ie6,所以最好的办法是专门为radio写个样式:input type="radio" class="radio_style" /css:.radio_style {background:blue;}
创新互联建站坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的南皮网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
用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;
}
如果仅是在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"
后面那个 “男” 好理解 就是网页显示 男
而value=“男" 没有实际意义 网页并不会显示出来
但是可以用作js或者php asp的判断 用
比如 你想知道 选了哪个 得先判断value是男 还是女
正如楼上说的 value 通常 是设定为1和0
通过判断 value是1还是0就可以知道 选了 男还是女
分享名称:radio样式css样式,radio自定义样式
本文网址:https://www.cdcxhl.com/article26/dsdehjg.html
成都网站建设公司_创新互联,为您提供网站内链、定制开发、App设计、服务器托管、外贸网站建设、营销型网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联