html - 提交按钮的自定义图像未显示

Question

我正在尝试为我的联系表自定义提交按钮。我似乎错过了什么。我的图片的链接似乎没有显示？有人可以帮助我，并指出我做错了什么或我可能遗漏了什么吗？

这是代码：

    <li id="emf-li-post-button" class="left">
<input type="image" style="width: 100px; height: 50px;" scr="http://andreethier.webs.com/Website/submit.png" 
value="submit.png" onmouseover="return true;" /></li>

Answer 1

input type="submit"如果您想提交表单，您应该使用。

HTML

<li id="emf-li-post-button" class="left">
  <input type="submit" onmouseover="return true;" value="Text" />
</li>

CSS

#emf-li-post-button input {
    background: url('http://andreethier.webs.com/Website/submit.png') no-repeat top left;
    height: 50px;
    width: 100px;
    border: none;
    font-size: 0;
    cursor: pointer;
}

jsFiddle：http: //jsfiddle.net/gabrielweyer/adKwH/

Answer 2

这应该是正确的代码jsFiddle：

<li id="emf-li-post-button" class="left" style="list-style: none;">
  <input type="image" style="width: 100px; height: 50px;" src="http://andreethier.webs.com/Website/submit.png" value="submit.png" onmouseover="return true;" />
</li>