Question

我需要为正常状态图像和按钮选择状态图像开发功能。我做了goggling但我找不到任何确切的解决方案。我使用下面的代码

HTML中的

：

<button><img src="kitty_normal.png" /></button>

请帮助我选择按钮的图像（kitty_selected.png）。

Answer 1

好吧，你需要使用CSS和JS来做这件事，或者只需要CSS，这取决于你的需求。

请参阅此处的简单代码：

http://jsfiddle.net/7Shv9/3/

现在，我不太清楚为什么你在指定按钮内使用图像，但是如果你想将图像用作背景，或者只显示文本，那么只显示按钮背景属性，如果没有然后按照你的方式进行，代码很小，但是针对图像元素而不是按钮

JSFiddle显示两种方法

HTML

<button id="myButton">My button</button>

CSS

#myButton
{
    background-image: url("http://www.picgifs.com/smileys/smileys-and-emoticons/hello-kitty/smileys-hello-kitty-779727.gif");
    height: 50px;
    width: 100px;
}

#myButton:hover
{
    background-image: url("http://www.picgifs.com/smileys/smileys-and-emoticons/hello-kitty/smileys-hello-kitty-150863.gif");
    height: 50px;
    width: 100px;
}

最后在SO上多次询问过这个问题，所以请先发布一个新的重复版本，然后再搜索当前的答案，以保持网站尽可能干净。

如何将所选图像设置为按钮

1 个答案: