Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/55.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Rails使用默认HTML按钮样式链接到_Css_Ruby On Rails_Ruby - Fatal编程技术网

Css Rails使用默认HTML按钮样式链接到

Css Rails使用默认HTML按钮样式链接到,css,ruby-on-rails,ruby,Css,Ruby On Rails,Ruby,我有一个Rails表单,它有一个使用FormHelper的提交按钮 <p><%= form.submit %></p> 在同一页上,我有一个“取消”按钮,可以返回到上一页(索引页) 我想将我的链接设置为元素,使其看起来像提交按钮。我尝试了按钮\u以FormHelper,但它创建了自己的提交按钮,这干扰了正常表单的提交操作。是否有一个类可以附加到link\u to元素,使其具有这样的样式 您必须添加类选项 <p><%= link_to

我有一个Rails表单,它有一个使用FormHelper的提交按钮

<p><%= form.submit %></p>

在同一页上,我有一个“取消”按钮,可以返回到上一页(索引页)

我想将我的
链接设置为
元素,使其看起来像提交按钮。我尝试了
按钮\u以
FormHelper,但它创建了自己的提交按钮,这干扰了正常表单的提交操作。是否有一个类可以附加到
link\u to
元素,使其具有这样的样式


您必须添加类选项

<p><%= link_to 'Cancel', base_files_path(), class: "your_class_here" %></p>


样式设计是CSS的工作。您可能希望使用CSS类名“标记”链接,并从样式表中引用它:

link_to 'Cancel', base_fules_path, class: "button"

.button {
  /* your styles here */
}

本机样式取决于平台。您可以在链接上使用
外观:按钮
样式,但是。

如果您在项目中使用引导,您可以通过以下方式获得相同的格式:

<%= link_to 'Cancel', base_files_path,class: "btn btn-default" %>

编辑:我想补充一点,可以使用
按钮指向
帮助程序,它的工作原理类似于
链接到
,但仅当您不使用表单时,因为这样一来,
按钮指向
表单将引发冲突。这对我来说是个问题,因为“取消”按钮触发了我表单上的表单验证

AFAIK任何内置Rails组件都不可能做到这一点,因此我选择使用HTML和Javascript来获得我想要的东西

旧代码:

<%= link_to 'Cancel', base_files_path() %>

新代码:

<button type='button' onclick="location.href='<%= base_files_path() %>';">Cancel</button>
取消

代码并不漂亮,但它是我获得想要的外观的最快方式。

我想获得
元素的外观。这可能与
链接到
FormHelper有关吗?我不想为按钮编写自己的样式,因为我对Rails创建的submit按钮的外观非常满意。查看,这些按钮的
窗体类为
按钮到
。在我的
链接到
元素上使用该类没有任何作用。我在哪里可以阅读Rails使用的默认样式?@Fam Rails没有设置这些按钮的样式。这些是裸露的
元素,浏览器倾向于呈现类似于
元素的元素。同样,您可以使用
外观:按钮
来获得此效果,这是我2小时前建议的。我尝试使用
外观
,但按钮文本使用了错误的字体。最后我使用了一个按钮元素,它使用了一个
onclick
事件处理程序。添加类不是问题,知道要添加什么类才是问题。你在项目中使用引导吗?为什么要使用像
button
button\u标记
button\u to
(取决于你的需要)?@spickermann Hi,请参阅我在答复中有关您意见的附录。
<button type='button' onclick="location.href='<%= base_files_path() %>';">Cancel</button>