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

我想为我的联系表单自定义提交按钮。我似乎错过了一些东西。我的图片的链接似乎没有显示出来？有人可以帮助我，也许指出我做错了什么，或者我可能错过了什么？提交按钮的自定义图像没有显示

下面是代码：

<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>

来源

2013-01-09 user1959935

您键入 “SCR =” 而不是 “SRC =” – Calvin

如果答案解决您的问题，请将其设置为答案。如果不是编辑你的问题，并提供更多的细节。 – Gabriel

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

来源

2013-01-09 02:49:41 Calvin

您应该使用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/

来源

2013-01-09 03:14:02 Gabriel

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

回答

相关问题