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

这应该是正确的代码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>

Answer 2

如果您想提交表单，则应使用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/

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

2 个答案: