css单选样式方框,css设置单选框样式

如何用css更改表单元素如单选框或下拉框的默认样式

您好，如单选框，它会默认有一个圆形的选择框，如果觉得不好看，可以将这个标签定位到可视界面以外，因为你使用label标签是可以选中这个选择框的，你只需要更改该label标签的样式就行了

相关问答

Q1: 单选框、复选框、下拉框的CSS怎么写？

简单的代码实现，仅供参考：

单选框：

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

Q2: css怎么让网页中复选和单选框没边框

单选框和复选框通常是默认有样式，不能随意控制。

单选框和复选框通常改变样式的方法有两种：

使用label标签包含着单选（或复选）和一个单选样式的小图片，使用定位方法，让图片定位到单选框之上，点击图片的时候，使用javascript切换图片，达到选中和不选中效果，也就是两个图片的切换，label会让真正藏在下面的复选框选中和不选中。这种方法能解决大部分复选框或者单选框的样式问题。

使用非单选框复选框的标签，也就是用其它标签定义样式，使用javascript模拟点击的时候标签的样式切换，不过这种方法需要为表单提交的时候提供参数。

使用样式修改，比如border或者透明度等等，但是能修改的样式有限，例如单选框和复选框的大小无法修改，所以这种方法局限性最大，通常效果不太理想。