在提交按钮（html，css）中加下划线

Question

我（可能是不明智的）尝试设置输入提交按钮的样式，使其看起来像常规超链接。使用css一切都很好，除了下划线，没有渲染。的CSS：

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

有没有办法强调提交按钮的文本（值），它会工作x-browser？还是有另一种方法 - 例如使用图像？显然，我想要一个很好的保证，无论使用什么方法，它都可以使用x-browser，inc。 ie6 :)。或者这只是徒劳的？

另一种方法是隐藏按钮并使用超链接，点击后会在javascript中提交表单。但我知道用户希望能够点击返回可能存在问题，如果按钮被隐藏，这可能无效。

任何建议都非常感谢。

由于

Answer 1

我遇到了同样的麻烦，经过谷歌搜索后，我找到了一个适合我的答案

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

更多示例的解决方案属于Mike Ballan，here。

Answer 2

你不能使用text-decoration作为替代方案，你可以模仿类似于border属性的行为：

border-bottom:1px solid #1e2f45;

Answer 3

如果您在屏幕外移动提交按钮，则可以使用A链接获得精美风格的按钮，并具有“按返回”功能。

您可以使用各种CSS技巧，包括“margin-left：-9999”。

Answer 4

我倾向于使用<span>来模拟超链接，并且实际上调用了一个JavaScript函数，当然你可以强调它。