Css Rails使用默认HTML按钮样式链接到
我有一个Rails表单,它有一个使用FormHelper的提交按钮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
<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>