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

Question

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

Answer 1

试试这个：

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

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

Answer 2

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

http://jsfiddle.net/G3x8p/

我已经使用了你需要的几乎所有属性来实现你想要的工作，只需改变它们以满足你的需求。

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

Answer 3

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