Html 如何使按钮标签只显示其内部的图像

我的网站上的提交按钮有以下代码：

<button name="searchterm" type="submit" id="searchterm"><img src="images/ICON_Go.jpg"></button> 

以下是它在live网站上的显示方式：

我只希望它是绿色的

go

图像。我不希望按钮图形包围图像。我该怎么做

---

谢谢你的帮助。非常感谢您的帮助。

添加此选项可删除背景色和边框：

#searchterm {
    border:0;
    background:transparent.
}

---

添加此选项以删除背景色和边框：

#searchterm {
    border:0;
    background:transparent.
}

---

您需要重置按钮的默认样式：

按钮{border:0；padding:0；outline:0；background:transparent；}

并添加到图像：

{display:block；}

您需要重置按钮的默认样式：

按钮{border:0；padding:0；outline:0；background:transparent；}

并添加到您的图像：

{display:block；}

也许这会满足您的需要

<button name="searchterm" type="submit" id="searchterm"></button> 

    button {
    appearance:none;
    -webkit-appearance:none;
    background-color:transparent;
    border:none;
    outline:none;
    background-image:url('http://i.stack.imgur.com/gojXZ.jpg');
    background-size:40px 34px;
    background-position: 18px 5px;
    padding:22px 38px;
    background-repeat:no-repeat;
    cursor:pointer;
}

钮扣{
外观：无；
-webkit外观：无；
背景色：透明；
边界：无；
大纲：无；
背景图像：url（'http://i.stack.imgur.com/gojXZ.jpg');
背景尺寸：40px 34px；
背景位置：18px 5px；
填充：22px 38px；
背景重复：无重复；
光标：指针；
}

---

也许这能满足您的需要

<button name="searchterm" type="submit" id="searchterm"></button> 

    button {
    appearance:none;
    -webkit-appearance:none;
    background-color:transparent;
    border:none;
    outline:none;
    background-image:url('http://i.stack.imgur.com/gojXZ.jpg');
    background-size:40px 34px;
    background-position: 18px 5px;
    padding:22px 38px;
    background-repeat:no-repeat;
    cursor:pointer;
}

钮扣{
外观：无；
-webkit外观：无；
背景色：透明；
边界：无；
大纲：无；
背景图像：url（'http://i.stack.imgur.com/gojXZ.jpg');
背景尺寸：40px 34px；
背景位置：18px 5px；
填充：22px 38px；
背景重复：无重复；
光标：指针；
}

---

我认为这将是使用

背景图像

CSS属性调用图像的更好方法

#searchterm {
  margin:0px;
  padding:0px;
  width:50px;
  height:50px;
  background:url("http://lorempixel.com/50/50") 0 0 no-repeat;
}

/--证明这是实际按钮的小警报代码-/

function myFunction()
{
alert("Hello! I am an alert box!");
}

/-HTML代码---/

---

这样，它将作为实际按钮工作。查看演示

我认为这将是使用

背景图像

CSS属性调用图像的更好方法

#searchterm {
  margin:0px;
  padding:0px;
  width:50px;
  height:50px;
  background:url("http://lorempixel.com/50/50") 0 0 no-repeat;
}

/--证明这是实际按钮的小警报代码-/

function myFunction()
{
alert("Hello! I am an alert box!");
}

/-HTML代码---/

---

这样，它将作为实际按钮工作。查看演示

很乐意帮忙！如果它解决了这个问题，你能把它作为帮助人们展望未来的答案吗？很高兴能帮上忙！如果它解决了这个问题，你能将它标记为帮助人们展望未来的答案吗？是否有任何理由使用

src

属性调用image？不是将图像作为背景调用？是的，我个人的偏好。是否有任何理由使用

src

属性调用图像？而不是将图像称为背景？是的，我个人的偏好。