例
.submit{
background:url(图片地址)
padding:3px 10px
cursor:pointer
}
可以弄成有框子，设置border改变边框大小。也可以加上圆角看起来跟默认按钮一样。
例
.submit{
background:url(图片地址)
padding:3px 10px
cursor:pointer
border:1px solid #666
-moz-border-radius: 5px
border-radius: 5px
}
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<input type="submit" /><input type="reset" />。
3、浏览器运行index.html页面，此时成功实现了提交按钮和重置按钮。
1、提交:用图像代替提交按钮：
当只有一个提交按钮的时候，可以简单地实现，不用加事件函数。
img/yi022_r3_c11.gif为你的图片地址，style为图片样式。
代码是： <input type=image name=login src=
img/yi022_r3_c11.gif
style=width:77height:25align:absmiddle/
用图片代替所有的表单提交按钮：
代替submit按钮的图片代码格式是
<input type=image name=... src=... onClick=document.formName.submit()
注：这里的formName是表单的name属性值。2、重置：
用图像代替重置按钮：
代码：<input type=image src=
images/chong.gif
onClick=reset width=54 height=17
用图片代替所有的表单重置按钮
代替reset按钮的代码图片格式是
<a href=javascript:document.formName.reset()<img border=0 src=...</a
注：这里的formName是表单的name属性值。
3、提交框样式改变：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）