Подчеркните курсор мыши на кнопке отправки формы?

Question

Как я могу создать состояние наведения, желательно подчеркивание, с помощью кнопки отправки формы?

.. или было бы проще включить простой JavaScript-перенос ролика - В конечном счете, мне просто нужно состояние наведения на подчеркивание, чтобыубедить пользователя, что область доступна для нажатия.

Обновление: В настоящее время есть;

<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

попробуй без ".button" это будет применяться ко всем входам на странице oyur, может быть, вы должны добавить «ID» .. или, возможно, нет ..

input {

}

input:hover
{
    cursor:hand;
}

Answer 2

Вы можете использовать CSS для стилизации кнопок, JavaScript не требуется. Сделай нормальную кнопку:

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

и css:

input.button
{
/* style it*/
}

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