formのsubmitボタンを画像にして、オンマウスで画像を切り替えた

質問

formのsubmitボタンを画像にして、オンマウスで画像を切り替えたい。

HTMLとCSSでHP制作しています。
formのsubmitボタンを自作のボタン画像に変えて、ボタンにマウスを乗せると
画像の色を変えるという事をやりたいと思っています。
例えば赤ボタンをオンマウスで青ボタンにするという感じです。

ネット検索してボタンを画像に変える事は出来ました。
ですが、オンマウスで画像を切り替えるやりかたがよくわかりません。
javascriptを使ったものを見かけたように思うのでこちらで質問してみました。

CSSで普通のリンクボタンの画像切り替えは出来るのですが、
formではそういうわけにはいかないのでしょうか？
javascriptがよくわかならいのですが、そんな私にも出来るでしょうか？

どこか参考サイトがありましたら、紹介して頂けるとありがたいです。
アドバイスよろしくお願い致します。

回答No.1

yambejp · ベストアンサー

＞submitボタンを自作のボタン画像に変えて

どうやったかによりますが、type="image"を使うならこんな感じで

<form>
<input type="text" name="hoge" value="fuga">
<input type="image" src="1.jpg" onmouseover="this.src='2.jpg'" onmouseout="this.src='1.jpg'">
</form>

お礼

返信ありがとうございます。

書いてみたら出来ました！とっても助かりました！！
本当にありがとうございました　m(_ _)m