javascript - 下划线悬停在表单提交按钮上？

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。将其设为普通按钮:

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

和CSS:

input.button
{
/* style it*/
}

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