html - 按钮的图像未显示

Question

我想将按钮设置为 onclick，还想将按钮设置为图像。这是我的代码。

<input class="refresh" type="button" onClick="clickclick();">

css代码是..

 .refresh {
        background: transparent url(click.png) no-repeat;
    width: 30px;
    height: 30px;
    border: 0px;
        cursor: pointer;
    }

好消息是按钮可以点击但图像不显示。有任何想法吗？我正在尝试放置 CSS 以使其更容易，但如果有其他选择并且成功，我可以尝试一下。谢谢

Answer 1

no-repeat 是一个 background-repeat 值。 background-image 期望仅一个图像标识符，因此语法错误，它被丢弃了。

此外，您无论如何都可以使用 background:transparent 覆盖它。

尝试:

background: transparent url(click.png) no-repeat;

或者:

background-color: transparent;
background-image: url(click.png);
background-repeat: no-repeat;