マウスをポイントしたときにhoverをさせるには、どうすればよろしいでしょうか

Question

基本的なことをお伺いいたします。
oncrickやsubmitで作成したたとえば下記のようなボタンにhoverをさせるにはどうすればよろしいでしょうか教えてください。
<input type="submit" value="ログイン">

Answer 1

<input type="submit" value="ログイン" class="mystyle"> として，CSSで ```CSS input.mystyle:hover { color: #00FF00; } ``` とすればよいです． mystyleの所と，CSSのデザインは適宜変えてください． 今はマウスオーバーで「ログイン」の文字が緑色になる設定です． hover以外にもlinkやvisited，activeなどの擬似クラスも書けます．

Comments

[kenjikobayashin]

少し勘違いをしましたが成功しましたリガとうございます。

Answer 2

マウスカーソルがhoverした場合ははonMouseoverイベントが発火(実行される)し、
Hoverが外れるとonMouseoutイベントとなります。
<input type="submit" value="ログイン" onmouseover="...." onmouseout="....">

onmouseover,onmouseoutの大文字小文字は問いません。

例)
<input type="submit" value="ログイン" onmouseover="this.style.height='100px';" onmouseout="this.style.height='20px';">

おそらく質問の意味が違いますよね？
もう少し具体的に質問していただいていいでしょうか?

Comments

[kenjikobayashin]

たいへんよくわかりました。
ありがとうございます。