如何向rails link_to帮助器添加内联css
在Rails中，可以使用link_to帮助器来创建链接，并且可以通过添加内联CSS来自定义链接的样式。要向link_to帮助器添加内联CSS，可以使用以下步骤：
- 创建一个CSS样式表或者在现有的样式表中添加所需的样式。例如，创建一个名为custom.css的样式表，并在其中定义链接的样式：
.custom-link {
color: blue;
text-decoration: underline;
}- 在Rails应用程序的视图文件中使用link_to帮助器创建链接，并将class选项设置为自定义的CSS类名。例如，在视图文件中添加以下代码：
<%= link_to "Click me", "#", class: "custom-link" %>在上面的代码中，"Click me"是链接的文本，"#"是链接的URL，class选项设置为"custom-link"，这是我们在自定义的CSS样式表中定义的类名。
这样，link_to帮助器将为链接添加内联CSS，并应用自定义的样式。当用户访问该页面时，他们将看到一个带有自定义样式的链接。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：https://cloud.tencent.com/product
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
- 人工智能平台（AI）：https://cloud.tencent.com/product/ai
- 物联网平台（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发平台（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
3回答
我有一个rails 4应用程序，正在尝试使用它的字体可怕的图标(用于社交媒体登录链接)。
我有：
/* application.css.css:
*= require_framework_and_overrides.css.scss
*= require_self
*= require_tree .
*/
/* framework_and_overrides.css.css: */
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprocke
浏览 6提问于2015-11-12得票数 2
2回答
我目前正在学习Michael Hartl的ruby on rails教程，并且正在使用Bootstrap版本3。问题是我的按钮不像文本那样居中对齐
这就是它应该是什么样子
但是我的看起来像
教程中对齐文本和按钮的更改是在实现以下CSS样式后发生的：
有人能给我指引正确的方向吗？我的Jumbotron的代码是：
<div class="jumbotron">
<h1>Welcome to the Sample App</h1>
<h2>
This is the home page fo
浏览 1提问于2013-12-21得票数 0
3回答
我正在做一个很小的Rails项目，里面几乎没有CSS。为了保存请求，我想内联样式，同时不会失去使用SASS的舒适性。
我知道有一堆gem可以在电子邮件视图中做到这一点，但是有没有一种简单的方法可以在Rails的web视图中内联CSS？
提前谢谢。
浏览 2提问于2013-11-13得票数 6
如果我想要转到可以使用的页面上的"whatever_id“，我应该如何使用link_to来转到页面上的特定(html) ID
<a href="http://www.example.com/index/mypage#whatever_id>Click Here</a>
但是我想用我的link_to
<%= link_to "click here" , {:action => "mypage", :controller => "index" }, :id => "#whatev
浏览 3提问于2009-12-11得票数 6
回答已采纳
1回答
我使用ace编辑器(通过jquery rails创业板)将文本区域转换为代码编辑器。
<textarea class="my-code-area" rows="4" style="width: 100%">puts 'foo'</textarea>
<script>
$(document).ready(function(){
$('.my-code-area').ace({ theme: 'twilight', lang: 'ruby'
浏览 1提问于2014-04-24得票数 0
回答已采纳
1回答
我已经遵循了Railcast #270 has_secure_password教程，并且所有这些都正常工作。
例如，我的标头中包含以下内容：
<% if current_user %>
<li><%= link_to "Profile", current_user %></li>
<li class="last"><%= link_to "Logout", logout_path %></li>
<% else %>
<li>&l
浏览 2提问于2011-11-02得票数 1
回答已采纳
1回答
我有如下所示的rails链接标签
<%= link_to 'New Product', new_product_path %>
我想增加font size的New Product，并应用一些CSS属性。
我可以在rails标记本身中这样做吗？
浏览 1提问于2015-12-08得票数 1
回答已采纳
2回答
我是Ror的新手，我开发了一个rails应用程序(ruby '2.3.4'，Rails 5.1.6)，安装了一个webpack。在我的导航栏中，我没有成功地使我的下拉按钮部署以显示我的菜单项。我不知道怎么让它工作..？谢谢你的帮助..:-)以下是我的代码：
application.html.erb：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=
浏览 3提问于2018-08-02得票数 2
1回答
我无法以内联方式显示导航栏。有谁能建议如何修复它吗？
<nav>
<ul >
<li ><%= link_to "Tradery", current_user%></li>
<li> <%= form_tag("/search", method: "get") do %>
<%= label_tag(:q, "") %>
<%= text_fi
浏览 0提问于2016-12-19得票数 0
1回答
这个问题是我对rails一无所知的直接结果，因此糟糕的搜索查询。我尝试在我的应用程序的每个页面上放置一个可排序的表。基本上，库存清单需要随处可见。然而，在用户的个人资料页面上，我得到了一个未定义的方法sort\_by错误。
下面是它的设置，我在我的库存控制器中有两个助手方法sort_by和sort_direction。然后我有一个助手方法，在application helper中，它创建了这个链接：
def sortable(column, title = nil, css_class = "sort")
title ||= column.titleize
浏览 1提问于2011-01-31得票数 0
2回答
rails设置循环样式
、、、
rails新手。我试图用css在我的代码的循环区域添加一个背景，但它似乎不能在该区域读取。在rails循环函数之前或之后应用的任何css都会显示出来，但背景会在museum.each do循环中的所有内容之前停止。有什么帮助吗？
scaffold.css.css：
#museums {
background: #ccc;
}
索引：
<div id="museums">
<h1> Museums </h1>
<% @museums.each do |museum| %>
<div class="mus
浏览 0提问于2012-03-01得票数 0
回答已采纳
1回答
在ERB Rails视图中
<%= link_to("Destroy", foos_path(1), :method => :delete, :confirm => "Are you sure?") %>
使用类似上面的link_to，您可以处理ID为1的foo的删除。如何使其成为远程的，并且(a)仍然将控件重定向到我的控件的页面，或者(b)调用自定义JavaScript (其目标是jQuery来刷新列表)
浏览 0提问于2011-08-27得票数 0
回答已采纳
2回答
我正在开发一个rails 3应用程序，它在我的locales文件夹中有不同的语言。这些文件是en.yml、pu.yml、sp.yml。所有的语言都必须转换为他们的各种格式，我需要帮助，使用户选择他们选择的任何语言的链接，如
<%= link_to "English language", ...%> <%= link_to "spanish", ...%>
当用户选择一种语言时，该语言被设置为用户的首选语言，以便用户不必在每次登录后都继续选择一种语言。
浏览 4提问于2011-07-26得票数 3
回答已采纳
我试着在这里做一些非常简单的事情。我使用Rails 3.2.6和Slim (slim: 1.2.2，slim-rails: 1.0.3)进行模板和HTML5。HTML5允许在内联元素中包含块级元素，但由于某种原因，我无法让Rails/Slim允许这样做，搜索结果一无所获。
如果我这样做了：
a.my_container href="#"
div.inner_portion
h2 Heading
h4 Subheading
它将呈现为：
<a class="my_container" href="#"&
浏览 1提问于2012-08-10得票数 1
1回答
我正在尝试阅读Michael的Ruby on Rails教程，但是我在第5章中遇到了一个问题，标题中的导航条垂直对齐，并对齐到左边，而不是水平和右边。
我的头(_header.html.erb)如下所示：
<header class="navbar navbar-fixed-top navbar-inverse">
<div class="container">
<%= link_to "sample app", '#', id: "logo" %>
<
浏览 0提问于2016-09-25得票数 0
当我在rails中使用link_to助手时，我在加载javascript时遇到了一些问题。当我用‘localhost:3000/products/ $(document).ready’手动输入url或重新加载页面时，javascript会加载，但当我通过如下所示的链接时，新页面上不会加载javascript。
Link_to，单击此链接时不加载javascript：
<%= link_to "New Product", new_product_path %>
products.js文件
$(document).ready(function() {
alert
浏览 6提问于2013-07-12得票数 80
回答已采纳
1回答
我有以下rails代码
<%= link_to mypath do %>
<%= content_tag(:i, "" ,:class=>' icon-eye-open' %>
<% end %>
<%= @num %>
生成html的
<a href="/mypath">
<i class=" icon-eye-open"></i>
</a>
100
问题是，正如在中看到的，当鼠标移到图标上时，在数字和图标之间有
浏览 1提问于2013-06-05得票数 8
回答已采纳
我正在尝试将图像与列表项中的一些文本对齐。我似乎不能让它们对齐(见图)。
如何使文本和图像对齐？我使用的是来自的默认CSS文件，并且我的标记中显示的任何类或元素都没有自定义的CSS。
标记：
<div class="col-md-3">
<ul class="nav">
<li><%= link_to "Connect", "#", class: "footer-heading" %></li>
<li>
浏览 0提问于2013-12-10得票数 0
我正在尝试在我的Rails应用程序(Rails 2.3.8，Devise 1.0.7，运行在Windows Vista上的混合版本)中使用Devise实现身份验证。但是我得到了以下错误：
undefined local variable or method `devise_mapping' for #<ActionView::Base:0x6d63890>
这是我使用自动生成的部分_devise_links.html的时候。
<%- if controller_name != 'sessions' %>
<%= link_to t(&#
浏览 1提问于2010-12-28得票数 17
回答已采纳
错误：
Sass::SyntaxError in Users#index
Showing C:/Site/bootstrap_playground/app/views/layouts/application.html.erb where line #5 raised:
File to import not found or unreadable: bootstrap-sprockets.
Load paths:
Sass::Rails::Importer(C:/Site/bootstrap_playground/app/assets/stylesheets/users.css.scs
浏览 1提问于2015-02-24得票数 1
我在Rails应用程序中安装了devise，并访问了localhost:3000/login。但是，出现了如下错误。
ActionController::UrlGenerationError in Devise::Sessions#new
提取的源代码是这样的。
</button>
<ul class="list-group" id="menu-list">
<li class="list-group-item list-group-item-action"><%= link_t
浏览 4提问于2018-09-15得票数 0
2回答
我有“google rails”的创业板，它很好用，但我也想跟踪pdf的下载。我找到了这个，它描述了使用点击调用，但我不知道如何最好地集成到rails link_to方法中。
<%= link_to 'Link Name', url_path(@url) %>
浏览 2提问于2014-03-28得票数 2
回答已采纳
我正在尝试使用bootstrap模式 on a rails链接在模式中打开该链接
<%= link_to page_path, target: '_blank' %>
但不知何故，它并不起作用。标准触发代码是-
<a data-toggle="modal" href="#myModal" class="btn">Launch demo modal</a>
但我不确定如何将其应用于rails中的link_to，有什么帮助吗？
谢谢
浏览 0提问于2013-03-01得票数 26
回答已采纳
2回答
我需要将一个'a‘元素嵌套在另一个'a’元素中，如下所示：
<a href="www.example.com" class="so-and-so">
<span>something</span>
<a href="www.another.example.com" class="another-link"><i class="an-icon"></a>
</a>
然而，我需要使用rails的'l
浏览 3提问于2018-08-08得票数 1
在我的rails应用程序中添加了一个管理视图(这是：)。为每个问题添加了一个批准的布尔状态。我正试图通过点击一个标记为“已批准”的链接来切换该状态。
这是我的控制器：
class AdminController < ApplicationController
def index
@questions = Question.all
unless current_user && current_user.administrator?
redirect_to root_path
end
end
end
下面是我正在使用的管理视图，
浏览 1提问于2015-01-10得票数 0
回答已采纳
2回答
引导下拉不工作在heroku上
、、、、
我在我的rails应用程序中安装了引导程序，在本地机器上所有的东西都正常工作，但是当我一把它推到heroku上，下拉列表和jQuery datepicker插件就停止工作了。
我的密码
Gemfile
source 'https://rubygems.org'
# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.2.3'
# Use sqlite3 as the database for Active R
浏览 2提问于2015-11-12得票数 0
我目前正在尝试呈现一个新闻提要，类似于我正在开发的Rails应用程序上的FB。不幸的是，当涉及到CSS时，我并不是最棒的，而且我在尝试显示不同的帖子时遇到了一些问题。无论我使用的是BootStrap还是普通的CSS，都会出现这个问题。我相信这与<% @posts.each do |post| %>目前创建的循环有关，每当创建新的帖子时，它都会包裹在前一个帖子中；因此，创建的帖子越多，边界就越厚。
图片：
<% if @posts.any? %>
<% @posts.each do |post| %>
<div class="well
浏览 0提问于2016-12-09得票数 0
我做了一个超级简单的rails应用程序和使用字体-可怕的没有问题。将其展开以在rails引擎中执行相同的步骤会产生以下错误。
File to import not found or unreadable: font-awesome
我找不到解决办法。如果有人建议如何使这个简单的rails引擎与字体-可怕的工作，我会非常感激。
生成rails引擎和安装字体的步骤-非常棒.
使用一个用于测试的模型类创建基本引擎
rails plugin new testeng --full --mountable
cd testeng
bundle install
rails g scaffold book t
浏览 2提问于2015-02-05得票数 7
遵循Michael Hartl的ruby on rails教程，在将bootstrap导入到custom.css.scss文件中后，链接显示为一个块(垂直)，而它们实际上应该是水平的，导致导航栏变得非常粗，如下所示。所以问题是我做错了什么，如何使用boostrap使导航水平？
这是我的application.html.erb布局
<!DOCTYPE html>
<html>
<head>
<title><%= full_title(yield(:title)) %></title>
浏览 2提问于2014-01-07得票数 1
1回答
如何将背景色应用于全班
、、、
我想更改整个类区域中的背景色(class="test_detail")，但只有文本后面的颜色发生了变化。
我使用Rails 4。
index.html.erb
.
.
.
<% @calendar.each do |c| %>
.
.
.
<aside class="span7">
<span class="test_detail">
<% if c.day? %>
<%= c.day %>
<% else %>
浏览 2提问于2014-07-27得票数 0
回答已采纳
1回答
用搜索
、、、
我目前正在学习Rails，但是我遇到了一个小问题，我无法创建一个文本字段来进行搜索。到目前为止，我有一个正常工作的数据库和网页(尽管很难看)，但是，我对这个简单的函数有一个问题，下面是我的代码：
<h1>Listing articles</h1>
<%= link_to 'New article', new_article_path %>
<table>
<tr>
<th>Title</th>
<th>Text</th>
<th c
浏览 1提问于2016-03-13得票数 0
回答已采纳
简单的问题，
在rails应用程序中，创建了一个脚手架
rails g scaffold Post title:string body:string
我想在前端javascript中添加简单的条件
如果@posts存在，则返回alert("exist") else、alert("no posts")
我可以添加这个脚本inside views/posts/index.html.erb
<script>
$(function () {
if (<%=@posts.length%> > 2)
浏览 0提问于2014-08-18得票数 0
8回答
我看到了一些与这个话题有关的帖子，但是给出的解决方案并没有真正为我澄清一些事情。
因此，我正在开发一个rails (3.2.2版本)应用程序，该应用程序遵循Michael的Rails教程的设置。应用程序有一个签名链接，直到最近，它才开始给我错误的“没有路由匹配得到”“/signout”。
这些都是相关的部分：
routes.rb
match '/signout' => 'sessions#destroy', :via => :delete
sessions_controller.rb
def destroy
sign_out
redirect
浏览 6提问于2012-09-07得票数 6
回答已采纳
我必须在不使用CSS类的情况下更改link_to标签的颜色，我该怎么做？我尝试过这样的东西
<%= link_to item.description, {}, {:style=>'color:#FFFFFF;', :class => "css_class"} %>
但它不能在ruby 1.9.2和rails 3.1上运行
浏览 3提问于2012-03-19得票数 32
在生产环境中，我们的rails 3.1.4应用程序被部署到suburi server_ip/by。部署到suburi /by需要在调用link_to时在自定义方法'view_handler‘(用于记录观看历史记录)前面附加/by。下面是rails产品中的一个示例：
<%= link_to 'Projects', "/by/view_handler?index=1&url=#{projects_path}" %>
然而，在开发或测试环境中，不需要'/by‘(将导致错误)，并且link_to如下所示：
<%= link_to
浏览 1提问于2012-05-08得票数 0
我向rails4应用程序添加了CSS引导程序。这似乎将表单元格上的填充设置为0，使文本紧贴边框。当我试图添加一些边框间距时，单元格内的文本被包装，而不是为容纳文本而增长的表。下面是我要解决的问题：
就代码而言，下面是使用引导类生成HTML的HAML。
%table.table-striped.table-bordered
%thead
%tr.header
%th Date
%th Name
%th Reading
%th Reader
%th Comments
%tbody
- @readings.
浏览 1提问于2015-11-30得票数 1
回答已采纳
这是，我需要用rails实现这一点。
我下载了这个JS和CSS文件，并将其放入assets/javascripts/modules/alertify.js assets/stylsheets/modules/alertify.css中。
assets/javascripts/application.js
//= require jquery
//= require jquery_ujs
//= require modules/alertify
assets/stylsheets/application.css
*= require modules/alertify
视图
<%= lin
浏览 2提问于2018-01-21得票数 3
回答已采纳
我有一个简单形式的Rails6应用程序，当在应用程序视图中使用link_to按钮时，它不会激活视图html。这是应用程序视图，我尝试将link_to命令移动到主体中，但这并没有改变失败。 <!DOCTYPE html>
<html>
<head>
<title>Mypantry</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<%= csrf_m
浏览 20提问于2021-01-20得票数 0
有：
页A是纯HTML，没有脚本；
页面B有一些关于Turbolinks "turbolinks:load“事件的Javascript。
加载页面B并在"turbolinks:load“上正确运行脚本。现在我在页面B上，点击链接到页面A，这一次脚本从"turbolinks:load“在加载页面A内容之前启动。
是一个bug还是某种定义的行为？
示例简单的Rails代码来再现。
主计长：
#app/controllers/turbobugs_controller.rb
class TurbobugsController < ApplicationCo
浏览 0提问于2018-08-08得票数 1
回答已采纳
%p
%br
%span.footer_links
= link_to 'Edit', edit_link_path(@link)
= link_to 'Edit', edit_link_path(@link)
= button_to 'Delete', @link, :confirm => 'Are you sure?', :method => :delete
= button_to 'Delete', @link, :confirm => 'Ar
浏览 2提问于2012-06-01得票数 3
回答已采纳
1回答
show.html.erb
<%= render :partial => "hello", :collection => hello %>
_hello.html.erb
<%= div_for hello do %>
<%= link_to image_tag( hello.image, :size => "75x75"), '#' %>
<%= hello.updated_at.strftime('%m/%d/%Y') %>
<% end %>
浏览 3提问于2011-02-17得票数 0
回答已采纳
我使用的是Rails3.1和Twitter Bootstrap，但是很难用Rails helper来复制<a class="btn btn-large" href="">Button!</a>。
由于CSS提供了“按钮”，我不确定我应该使用link_to还是button_to，但我知道它们都没有给我提供适当样式的按钮。
我尝试了各种组合，例如：
<%= button_to "Button!", :class => "btn btn-large" %>
如何使用rails助手复制普通的HTM
浏览 0提问于2012-03-11得票数 0
回答已采纳
这个问题可能会在这里被多次提出。我想在单击rails视图上的链接时触发另一个事件。类似于：
<%= link_to 'Referesh', event, :onclick => 'another_event' %>
我将another_event作为名为url_handler的ruby方法，它有两个参数:索引和url。我可以做下面这样的事情吗？
<%= link_to 'Customer', customers_path, :onclick => '/url_handler?index=1&url=u
浏览 1提问于2011-12-02得票数 0
1回答
我在页面上显示了一些用户输入的文本，它们需要被很好地截断，以便适合固定的宽度。Rails内置了一个很好的帮助器，用于截断字符串并指定省略文本，如下所示：
truncate(post.title, :length=>50, :omission=>link_to("...",post))
或者我可以css it ，但这两个都不是很令人满意。在某些文本被截断的情况下，我希望省略号链接到原始/完整文本，并且我希望截断针对呈现时字符所占用的实际空间(不使用固定宽度字体)起作用，而不是针对字符数。
所以。css版本是否有一个修复程序，可以对截断文本使用任意的html字符串？或者
浏览 0提问于2012-08-21得票数 2
回答已采纳
我是Rails的初学者，通过John的Pinterest克隆指南，我被困在尝试应用砌体-rails和jquery。
我正在c9.io上操作，我已经安装了所需的宝石并使用了包安装。
我的问题是，我的引脚的显示仍然是垂直的，没有响应，即使在加载中没有显示错误。
我做错了什么？
这是我的代码：
application.css
*= require 'masonry/transitions'
*= require_tree .
*= require_self
*/
pins.js.coffee
$ ->
$('#pins') .imagesLoad
浏览 1提问于2016-07-11得票数 1
我在一个控制器中有3个不同的动作。每种方法都采用不同数量的参数。在应用程序中，所有3个都是通过用户单击链接来执行的。现在我需要有一个表单，其中有几个字段，用户可以简单地键入他们正在寻找的东西。当用户填写表单时，根据提供的内容，必须执行3个操作中的一个。
因此，简而言之，我需要从表单中提取字符串，确定需要哪个操作，并将字符串作为参数传递给3个操作中的一个。
对不起，我是Rails的新手，如果你不理解我的问题，我将提供澄清:)
一直都很感谢你。
编辑
除了参数之外，所有3个动作的作用几乎相同。因此，在索引页面中，我有以下3个指向3个操作的链接。
<h3>
<%= link_to
浏览 0提问于2009-08-21得票数 1
1回答
如何使用多个标记筛选页面内容？
、、、、
我是rails的新手，我想使用muptiple标签过滤我的页面内容。我正在使用act_as_taggable_on创业板，我设法有一个标签云，并过滤我的内容根据标签。我使用了下面的教程()。现在我无法使用多个tag_types进行筛选。
我在模型/ article.rb中添加了以下代码
acts_as_taggable
acts_as_taggable_on :资产类型，：产品类型
在控制器中，我不知道如何编写多个标签。我尝试了以下方法
def index
if (params[:assetType] and params[:productType])
@articles =
浏览 3提问于2013-06-25得票数 0
回答已采纳
2回答
我希望从字段中提取一个十六进制值到rails的link_to行中。我发现了如何按照以下内容格式化标准链接
<td><%= link_to 'Show', security, {:style=>'color:#FF6A00;', :class => 'css_class'} %></td>
我希望使颜色的变化值的基础上的具体记录。我知道，这是面对典型的css格式。我不想在css文件中做颜色评估，因为会有很多很多颜色会被使用。我可以使用以下代码使标准文本更改颜色
<td style="c
浏览 4提问于2015-08-11得票数 0
回答已采纳
我是rails 3新手，我想在下面的rails助手中添加(:target => "_blank")
link_to "GOOGLE", 'http://www.google.com', class: "btn btn-large btn-primary"
但是我想使用application_helper来定义link_to方法。
如何在link_to中定义application_helper方法？
如何通过link_to方法中的类："btn btn-大型btn-主“？
谢谢你的帮助..。
浏览 12提问于2012-08-08得票数 77
回答已采纳
1回答
似乎不能解决这个问题，希望有人能帮助我。导航栏可以正常折叠，但切换按钮没有响应。
使用Twitter Boostrap gem，并遵循所有说明。
Gemfile：
gem "twitter-bootstrap-rails"
应用程序CSS：
*= require_self
*= require bootstrap_and_overrides
*= require_tree .
应用程序JS：
//= require twitter/bootstrap
//= require jquery
//= require jquery_ujs
//= require turboli
浏览 0提问于2014-03-22得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
