为提交按钮中的文本添加下划线（html、css）
我（可能是不明智的）尝试设计输入提交按钮的样式，使其看起来像常规的超链接。使用 css 一切都很好，除了下划线，它没有被渲染。 Css：
input.addemail {
border: 0px;
background-color: #1e2f45;
text-decoration: underline;
cursor: hand;
cursor: pointer;
color: #ffd17d;
}
有没有一种方法可以在 x 浏览器上工作的提交按钮的文本（值）下划线？或者还有另一种方法 - 例如使用图像？显然，我想要一个很好的保证，无论使用什么方法，它都可以在 x-browser, inc. 上工作。即6:)。或者这只是徒劳？
另一种方法是隐藏按钮并使用超链接，单击该超链接将在 JavaScript 中提交表单。但我知道用户期望能够按回车键可能会出现问题，如果按钮被隐藏，这可能不起作用。
任何建议都非常感激。
谢谢
I'm (probably unwisely) attempting to style an input submit button to make it look like a regular hyperlink. Using css everything is fine, except for the underlining, which is not being rendered. Css:
input.addemail {
border: 0px;
background-color: #1e2f45;
text-decoration: underline;
cursor: hand;
cursor: pointer;
color: #ffd17d;
}
Is there a way to underline the text (value) of a submit button that'll work x-browser? Or is there another approach - e.g use an image? Obviously I'd like a good guarantee that whatever approach is used it'll work x-browser, inc. ie6 :). Or is this just futile??
Another approach would be to hide the button and use a hyperlink which when clicked would, in javascript, submit the form. But I understand that there may be issues with the user expecting to be able to hit return, which may not work if the button is hidden.
Any suggestions much appreciated.
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
我遇到了同样的麻烦，在谷歌搜索后，我找到了一个适合我的答案
带有更多示例的解决方案属于 Mike Ballan， 此处。
I had the same trouble, and after googling, I found an answer that works for me
The solution with more examples belongs to Mike Ballan, here.
您不能对按钮使用
text-decoration，作为替代方案，您可以使用 border 属性模仿类似的行为，如下所示：You can't use
text-decorationfor the button, as an alternative, you can mimic the similar behaviour with border property like this:我倾向于使用
来模拟超链接，并实际调用 JavaScript 函数，您当然可以在其下划线。I tend to use a
<span>to simulate a hyperlink, and actually call a JavaScript function, which you could of course then underline.如果将提交按钮移出屏幕，则可以使用 A 链接来获取样式精美的按钮，并具有“按回车键”功能。
您可以使用各种 CSS 技巧，包括“margin-left:-9999”。
If you move the submit button off-screen you can then use the A link for the nicely-styled button as well as have the "press return" functionality.
You can use various CSS tricks, including "margin-left:-9999".