Question

用javascript如何写一个具有按钮，这个按钮上边有一个图标 和文字 如何实现？

如果直接用<input type = "button" value = .....这个只有文字座位button名
而用。。。。<img。。。。这个只能用图片座位button名
想要一个 button 前边或者后边有一个小的icon 还有文字 用javascript如何实现呢

假设如图是个button 怎么实现的 “icon+文字” 座位一个按钮的

js新手求帮忙！！！万分感激 ，以后分多了一定给您加分！！！

Answer 1

这不是一个真正的“按钮”，它只是一个IMG、或者一个DIV什么的的背景，都有onclick（）事件的。那些花哨的“按钮”，绝大多数都是图片。如果你想做的花哨，你就给这个“按钮”（其实是图片）加上事件就行了，比如onmouseover（就换成图片1）onmouseout（就换成原图）onclick（就换成图片2）。。我做的项目里都是用的图片，现在网页上的<input type="button">已经很少了，大多用的是图片。。。希望对你有用

Answer 2

这个不是js的事，是css的工作：
<input type="button" value="文字" style="background-image:url(图片地址); background-position:center;" />
//图片地址不用加引号的，然后你可以替换的试试。
希望问题已帮你解决。

追问

这个是背景图片 图片不随着button动啊 谢谢

Answer 3

写一个button或div，放图标和文字，然后用css做得像一个按钮即可。亦即：
<button><img/>文字</button>
不要用input，那个放不了图标。其实，input和其他元素的地位是同等的，可以用css把它指定成其他元素的样子，也可以把其他元素制定成它的样子。

追问

厉害这样确实能做，但是现在要求变了 说要用div以及背景图片做
文字但是这样做一个一个问题，就是文字和图片不是一体的，当我们鼠标划过文字的时候文字被选中。 看着效果不是很理想 请问有没有好的方法解决