FORM提交带文本修饰的按钮：通过JS下划线？

Question

由于似乎无法将text-decoration: underline;应用于form.submit按钮，我想知道是否有人可以快速告诉我如何通过JS应用它？我只知道html / css / php。的onmouseover =？

<span onmouseover="what goes here"><input type="submit"></input></span>

谢谢！

Answer 1

您的代码似乎暗示您要为按钮本身加下划线。如果您尝试为按钮加下划线，我建议使用CSS将效果应用于按钮文本，如下所示：

input[type=submit]:hover {
    text-decoration:underline;
}

DEMO

Answer 2

请考虑使用按钮：

.hoverUnderline:hover {
  text-decoration: underline
}

<button type="submit" class="hoverUnderline">Submit stuff</button>

表单中的按钮默认为提交按钮，因此实际上并不需要 type =＆＃34;提交＆＃34; 。