按钮到图像按钮

Question

我有一个下拉菜单，你可以选择你的位置，然后你点击go按钮，它将引导你到另一个页面，

这是html中的按钮代码：

<input type="button" name="button" class="gobutton" onclick="openDir(this.form);">

这是CSS中的一部分

.gobutton{background-color: url (../images/go.jpg); width:150px; height:50px; padding:0; border:0;}

我遇到的问题是它没有将按钮更改为图像，它的BLANK。

Answer 1

<强> jsBin demo

• 背景颜色不 background-image
• 同时删除url和(
之间的空格

.gobutton{
    background: url(../images/go.jpg); /* or use background-image */
    width:150px;
    height:50px;
    padding:0;
    border:0;
}

Answer 2

请改用此按钮代码：

<button name="button" class="gobutton" onclick="openDir(this.form);"><img src="../images/go.jpg"/></button>

或者，您可以按照<input>元素的方式进行操作。然后，代码应使用background-image而不是background-color。

但是，我会在<button>标记上使用<input>标记，因为您可以在其中插入直接HTML。只需使用最简单的方法。