小编smo*_*ont的帖子

带有自定义图像和文本的表单按钮

表单按钮具有170x60图像,用于非按下和按下状态.我似乎无法做到的是按钮中的文本.我真的想避免编辑图像并直接将文本写入其中.现在我正在使用:

<input type="image" src="img/button_normal.png"
 width="175" height="60" onmousedown="this.src='img/button_pressed2.png'"
 onmouseup="this.src='img/button_normal.png'"> 
Run Code Online (Sandbox Code Playgroud)

我认为不可能在文本之上进行这项工作(据我所知).所以,我尝试使用,<button>但我无法让它工作.

我已经能够将文本放在上面的图像上,但是文本在哪里,按钮是不可点击的,这不起作用.

这个问题有什么解决方案?

html css image button

5
推荐指数
3
解决办法
5万
查看次数

标签 统计

button ×1

css ×1

html ×1

image ×1