Question

html的value设置问题

如题
<input type="button" id="s1" value="1" name="shu" style="border-radius:30px">
<input type="button" id="s2" value="2" name="shu" style="border-radius:30px">
<input type="button" id="s3" value="3" name="shu" style="border-radius:30px"><br/>
<input type="button" id="s4" value="4" name="shu" style="border-radius:30px">
<input type="button" id="s5" value="5" name="shu" style="border-radius:30px">
<input type="button" id="s6" value="6" name="shu" style="border-radius:30px"><br/>
<input type="button" id="s7" value="7" name="shu" style="border-radius:30px">
<input type="button" id="s8" value="8" name="shu" style="border-radius:30px">
<input type="button" id="s9" value="9" name="shu" style="border-radius:30px"><br/>
我想把value的属性如1,2,3这些数字改成引用数字1,2,3的图片 应该怎么修改代码

Answer 1

你可以设置 value="";让他为空，然后建个css样式 如：valimg1{background:url(图片地址) no-repeat;}

<input type="button" id="s1" value="" name="shu" style="border-radius:30px" class="valimg1">
这样你试试以此推下去

追问

但是我已经设置了背景图片了.... 没办法在上面重叠吗

Answer 2

把图片设置为背景图片吧

追问

已经设置有背景图片了