カーソルを重ねたときのボタン

質問

<input Style="background-color:#00ff00; color:#ffffff; border-style:solid; border-color:#ffffff; border-width:0 2;" type="button" value="メルマガ" onclick="javascript:window.location.href='URL'" title="ボタンです。クリックしてね">

■デザイン「ボタン」の作り方を知りましまた。^^
でも、カーソルを乗せたただけでは、なにも変わらないので、
「ポタン」なのかどうか、文中などにあると、「ボタン」だと気がつきにくいです。

質問です。
デザイン「ボタン」の場合に、カーソルを乗せた(重ねた)とき、なんでもいいのですが、背景でも、文字でもいいのですが、「色」変わりませんか?

やり方がありましたら教えてください。お願いいたます。

(ちなみに、今は、title="ボタンです。クリックしてね　の方法くらいしか思いつかないのですが、これ以外で。。。)

回答No.1

yambejp · ベストアンサー

onmouseoverでカーソルをのせた処理をかき、onmouseoutで戻すと
よいでしょう

<input type="button" onmouseover="this.style.color='red';this.style.backgroundColor='blue';" onmouseout="this.style.color='white';this.style.backgroundColor='lime';" Style="background-color:lime; color:white; border-style:solid; border-color:#ffffff; border-width:0 2;" value="メルマガ" onclick="javascript:window.location.href='URL'" title="ボタンです。クリックしてね">

お礼

Σ(・ω・ノ)ノ！　ハヤッ！
できました。(^^)/
どうもありかとうございました。。。<(_ _)>

回答No.2

k17s

<input Style="background-color:#00ff00; color:#ffffff; border-style:solid; border-color:#ffffff; border-width:0 2;" type="button" value="メルマガ"onmouseout="this.style.backgroundColor='#00ff00';" onmouseover="this.style.backgroundColor='#000000';" onclick="javascript:window.location.href='URL'" title="ボタンです。クリックしてね">

こんな感じにJavascriptでスタイルを変えてあげるのはどうでしょう？

お礼

Σ(・ω・ノ)ノ！　ハヤッ！
できました。(^^)/
どうもありかとうございました。。。<(_ _)>