css单选框样式,css样式表简单选择器有

网页中想把单选框按钮显示为方框的样式，不想要原有的圆圈样式，通过css怎么实现

不能吧，那个是系统默认的。。。

可以用checkbox复选框，在选择时js判断只能选中一个，做出类似于单选框的效果

相关问答

Q1: CSS 单选框和图片如何垂直居中

对这两个元素设置css属性vertical-align:middle。

1.

首先明确单选框是input标签，和img都属于行内元素，那么他们都可以使用vertical-align属性。

2.

vartical-align是css中设置行内元素相对于父元素的垂直位置的属性，其值有baseline

|

sub

|

super

|

top

|

text-top

|

middle

|

bottom

|

text-bottom

|inherit。默认值为baseline

3.

有时候我们并不需要行内元素完全居中，只是需要提高一点或者降低一点，这是可以对元素应用line-height属性，可以实现像素级的对齐

Q2: div+css中将默认的单选按钮样式（圆的）变成正方形的样式怎么写?

1、首先打开hbuilder软件，新建几个默认的复选框。

2、然后在上方的style标签设置input的样式，先设置input的display属性为none，将默认的单选框去掉，在设置一下各个单选框的margin的距离。

3、接着在下方继续设置样式，设置label标签的before和after伪元素，将原有before的单选框选中状态的属性“checked+label”设置变为红色实心框，同时未选中的状态的“label::after”为白色空心方框。

4、最后打开浏览器，即可看到设置好的样式，其中被选中的是红色的实心方框，没被选择的则是没有颜色的方框。