0

お問い合わせフォームの [送信] ボタンをカスタマイズしようとしています。何かが足りないようです。私の画像へのリンクが表示されていないようです。誰かが私を助けて、私が間違っていることや見逃していることを指摘してもらえますか?

コードは次のとおりです。

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

2 に答える 2

0

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-09T03:14:02.570 に答える
0

これは正しいコード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-09T02:49:41.813 に答える