在提交按钮中的文本下划线（html、css）

我（可能是不明智的）试图设计一个输入提交按钮的样式，使其看起来像一个普通的超链接。使用css一切都很好，除了下划线，它没有被渲染。Css:

input.addemail { 
  border: 0px; 
  background-color: #1e2f45; 
  text-decoration: underline; 
  cursor: hand;
  cursor: pointer; 
  color: #ffd17d; 
}

有没有一种方法可以在x-browser中使用的submit按钮的文本（值）下面加下划线？或者是否有其他方法-例如使用图像？显然，我希望有一个很好的保证，无论使用什么方法，它都能在x-browser，inc.ie6:）中工作。还是这只是徒劳的

另一种方法是隐藏按钮并使用超链接，当点击超链接时，会在javascript中提交表单。但是我知道用户可能会希望能够点击return，如果按钮被隐藏，这可能不起作用

非常感谢您的建议

---

谢谢

您不能对按钮使用

文本装饰

，作为替代，您可以使用border属性模拟类似的行为，如下所示：

border-bottom:1px solid #1e2f45;

---

如果您将submit按钮移出屏幕，那么您就可以使用A链接来创建样式精美的按钮，并具有“press return”功能

---

你可以使用各种CSS技巧，包括“左边距：-9999”。

我倾向于使用

来模拟超链接，并实际调用JavaScript函数，你当然可以在该函数下划线。

我也遇到了同样的问题，在谷歌搜索之后，我找到了一个适合我的答案

input {
    text-decoration:underline;
    display:inline-block;
}

---

有更多例子的解决方案属于迈克·巴兰，。

很好的建议-但是行和文本之间有一点差距。我已经设置了padding:0和适当的行高度，但没有效果。