css 怎么设置如图的单选和复选样式,就是那个对号

html-css034

css 怎么设置如图的单选和复选样式,就是那个对号,第1张

1、引用字体图标样式,用字体图标解决。

2、用背景图片解决。

3、用字符解决,就是

√    √  

这个得用Html做的

<form action="" method="get">

您喜欢的水果?<br />

<label><input name="Fruit" type="checkbox" value="0" />苹果 </label>

<label><input name="Fruit" type="checkbox" value="1" />桃子 </label>

<label><input name="Fruit" type="checkbox" value="2" />香蕉 </label>

<label><input name="Fruit" type="checkbox" value="3" />梨 </label>

</form>