您好,如单选框,它会默认有一个圆形的选择框,如果觉得不好看,可以将这个标签定位到可视界面以外,因为你使用label标签是可以选中这个选择框的,你只需要更改该label标签的样式就行了
成都创新互联-成都网站建设公司,专注网站制作、成都网站制作、网站营销推广,主机域名,网页空间,网站托管有关企业网站制作方案、改版、费用等问题,请联系成都创新互联。
简单的代码实现,仅供参考:
单选框:
body input type="radio" name="sex" value="n" / input type="radio" name="sex" value="v" //body
复选框:
body input type="checkbox" value="n" / input type="checkbox" value="v" //body
下拉框:
body select optionn/option optionn/option optionn/option /select/body
扩展资料:
css注意事项
1、每个标签的属性设置必须是被一对花括号包含。像下面的样子:
标签
{
属性名称:属性值;
}
2、花括号中每个属性值赋值后必须用分号隔开。分号就相当于C#和C中的分号,指示一行语句的结束,加上分号就是和网页的解释器说明这个属性的赋值已经结束了,下面开始一个新的属性的赋值。正确的格式是下面的样子:
标签
{
属性名称1:属性值;
属性名称2:属性值;
属性名称3:属性值;
}
3、关于颜色值。我们在前面的文章中,在设置style时,不论是color属性还是background-color属性,赋值时都是指定的颜色名称。这种方式在网页编程中比较不通用。比较常用的做法是赋16进制值,类似于#RRGGBB这种样式,每一位的取值都是从1到F,每两位对应一类颜色值。具体的颜色值可以在网上搜到。
4、关于字体。我们在style中的font-family中设置字体。有时候我们设置的字体可能用户电脑中没有,这时候我们可以在font-family中设置多个可选字体,用逗号分隔,这样如果前面的字体用户电脑中没有,则可以使用后面的字体进行替换。下面是个例子:
p sytle="font-family:serif,Cursive,Fantasy;"
参考资料来源:百度百科:CSS
单选框和复选框通常是默认有样式,不能随意控制。
单选框和复选框通常改变样式的方法有两种:
使用label标签包含着单选(或复选)和一个单选样式的小图片,使用定位方法,让图片定位到单选框之上,点击图片的时候,使用javascript切换图片,达到选中和不选中效果,也就是两个图片的切换,label会让真正藏在下面的复选框选中和不选中。这种方法能解决大部分复选框或者单选框的样式问题。
使用非单选框复选框的标签,也就是用其它标签定义样式,使用javascript模拟点击的时候标签的样式切换,不过这种方法需要为表单提交的时候提供参数。
使用样式修改,比如border或者透明度等等,但是能修改的样式有限,例如单选框和复选框的大小无法修改,所以这种方法局限性最大,通常效果不太理想。