フォーム送信ボタンの下線をホバー？

Question

フォームの送信ボタンでホバー状態にするにはどうすればよいですか？

..単純なJavaScript Imgロールオーバーを組み込む方が簡単です。最終的には、ユーザーがその領域をクリックできるようにするには、ちょうどホバー下線状態が必要です。

更新：現在持っています。

<input type="submit" onClick="javascript:validForm();" value="SUBMIT" class="subbtn" > 




input.subbtn { 

    width: 75px; 
    height: 32px; 
    background-color:#F00; 
    font-family:Arial, Helvetica; 
    color:#fff; 
    border: 0px; 
    font-weight: bold; 
    font-size:14px; 
} 


input.subbtn:hover 
{ 
/* when hover (mouse over)*/ 
    text-decoration:underline; 
} 

なぜこれが機能しないのですか。小さなクリック可能な手がどこにも表示されないようにするのはなぜですか？そのため、ユーザーはその領域がクリック可能であることがさらに分かります。

私はちょうどホバー下線が欲しいです、私は何が欠けていますか？

Answer 1

CSSを使用してボタンのスタイルを設定できます.JavaScriptは必要ありません。 ".button" なし

input.button 
{ 
/* style it*/ 
} 

input.button:hover 
{ 
/* when hover (mouse over)*/ 
    cursor:hand; 
} 

Answer 2

試み これは多分あなたは "ID" を追加する必要があり、oyurページ上のすべての入力に適用されます：

<input type="button" class="button" onClick="javascript:validForm();"> 

とCSS：それ通常のボタンにします。 。またはそうでないかもしれない...

input { 

} 

input:hover 
{ 
    cursor:hand; 
}