CSSテクニックコミュの<button>にイメージを置いた場合のマウスオーバーのやり方

みなさまこんにちは。

フォームで
<button type="submit"><img src="hoge.gif"></button>
の画像をオンマウスオーバーで変更させる術を知ってる方、教えてください。

※<input type="image" src="hoge.gif">
は、hoge.gifのx軸y軸が送信されてしまうため使えません。※

cssには
button {
border: none;
background-color: #FFF;
}
と書いて、見た目完全にbuttonらしさを消しています。
button a や、button a:hoverなどやってはみたのですが<button>に<a></a>を記述してはいけないので意味ないですし、

<button type="submit" onClick="xxx">
は押した時の処理なのでこれも意味ないですし、困り果てています。

どうぞよろしくお願いします。

コメント(5)

最初
全て
最新の40件

[1] mixiユーザー 08月19日 12:18

http://tel.lipwood.com/button.html
こういうこと？

[2] mixiユーザー 08月19日 12:21

ちなみに、imgにonmouseoverしたらIEでは動いたけどFireFoxで動かなかったからbuttonにつけた

[3] mixiユーザー 08月19日 12:25

onclickをかかれているということは、javascriptはOKということですか？

imgにIDを振ってやって、onmouseoverを使うのではダメですか？

[4] mixiユーザー 08月19日 12:48

＞にゃんこ【・ω・】さま

そうゆうことです！
ありがとうございます！！助かりました^^

>imgにonmouseoverしたらIEでは動いたけどFireFoxで動かなかったからbuttonにつけた

↑こちらも勉強になりました。
重ねてありがとうございます^^

＞えどさま

はい。javascriptはOKです。
にゃんこ【・ω・】さま同様ありがとうございました！！

[5] mixiユーザー 08月19日 16:27

CSS関係なくない？

ログインすると、みんなのコメントがもっと見れるよ