下划线悬停在表单提交按钮上?

时间:2011-11-10 13:37:19

标签: javascript html forms

如何使用表单提交按钮进行悬停状态,最好是下划线?

..或者更容易合并一个简单的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;
}

为什么这不起作用;为什么它会这样做,所以小的可点击的手不会在任何地方显示 - 所以用户甚至更不知道该区域是可点击的。

我只想要一个悬停下划线,我错过了什么?

2 个答案:

答案 0 :(得分:0)

您可以使用css设置按钮样式,不需要javascript。将它设为正常按钮:

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

和css:

input.button
{
/* style it*/
}

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

答案 1 :(得分:0)

尝试没有“.button” 这将适用于您网页上的所有输入,也许您必须添加“ID”..或者可能不是..

input {

}

input:hover
{
    cursor:hand;
}