如何创建包含图像和文本的按钮答案

【问题标题】：How to create button containing image & text如何创建包含图像和文本的按钮
【发布时间】：2011-09-06 08:44:35
【问题描述】：

我想在我的 Rails Web 应用程序中创建一个按钮。它应该包含图像和文本。该按钮也应该调用一个链接。我正在使用 button_to 标记为链接创建按钮。链接必须作为 html 请求而不是 js 调用处理。我的问题是如何在该按钮中添加图像？请帮忙。谢谢。

【问题讨论】：

【解决方案1】：

试试这个：

<%= button_to("TEXT",question_path,:style=>"background-image: url('/images/image.extension');") %>

是的，Yuri 是对的，“按钮总是应该做一个动作，链接应该总是重定向到某个地方（伪链接除外，它可以做一些平均 - 即打开隐藏的块等）。”

【讨论】：

【解决方案2】：

这是一个在 JS Fiddle 中使用 HTML 和 CSS 的工作示例

我已经使用了几乎所有你需要的属性来让它以你想要的方式工作，只需更改它们以满足你的需要。

将其保存在外部 CSS 中可以保持整洁，并且无需使用凌乱的内联 CSS 代码。

【讨论】：

【解决方案3】：

一方面，您可以使用 CSS 将 A 标记设置为看起来像按钮或使用 BUTTON 标记，但另一方面，请记住，您应该避免使用具有链接行为的按钮。按钮总是应该做一个动作，链接应该总是重定向到某个地方（伪链接除外，它可以做一些平均 - 即打开隐藏块等）。

【讨论】：