Rails link_to со встроенным стилем - PullRequest
Новая
       7

Rails link_to со встроенным стилем

28 голосов
/ 19 марта 2012

Я должен изменить цвет тега link_to без использования класса CSS, как я могу это сделать? Я пробовал что-то вроде 

<%= link_to item.description, {}, {:style=>'color:#FFFFFF;', :class => "css_class"} %>

, но он не работает на ruby ​​1.9.2 и rails 3.1

Ответы [ 8 ]

33 голосов
/ 19 марта 2012

Как насчет 

<%= link_to item.description, nil, {:style=>'color:#FFFFFF;', :class => "css_class"} %>

... или ... 

<%= link_to item.description, '#', {:style=>'color:#FFFFFF;', :class => "css_class"} %>
13 голосов
/ 02 апреля 2016

Это должно работать с Rails 3 

link_to item.description, :style=> 'color:#FFFFFF;', :class => 'css_class'

С новым синтаксисом в rails 4 он становится 

link_to item.description, style: 'color:#FFFFFF;', class: 'css_class'
7 голосов
/ 19 марта 2012

Вы можете попробовать link_to item.description, {}, {:style => 'color: #FFFFFF'} в порядке.

Чтобы раскрасить ссылки, нужно установить больше, чем color: 

a:link { 
  color: #333333;
}
a:visited { 
  color: #FFFFFF;
}
a:hover { 
  color: #CCCCCC;
}
a:active { 
  color: #333333;
}

Я рекомендую использовать для этого класс css.

6 голосов
/ 02 апреля 2016

Я хочу обновить эту тему, потому что в этот раз синтаксис другой.В рельсах 4+ правильный синтаксис: 

<%= link_to TEXT, URL, class: 'css_class', style: 'color:#FFFFFF' %>
2 голосов
/ 19 марта 2015

Я почти уверен, что этот код будет работать.

<%= link_to "button_name",{:controller => 'controller_name', :action => 'action_name'},{:style=>"color:#fff;"}%>

2 голосов
/ 17 августа 2013

попробуйте это: 

= link_to name, url, style: 'color:#FFFFFF;'
1 голос
/ 17 мая 2013

Если у вас есть класс с именем test-color, вы можете назначить этому классу селектор :hover, соединив вместе имя класса и селектор: hover.

Хуки класса начинаются с точки (.), Идентификаторы начинаются с хеша (#) 

.test-color:link {
  color: #333333;
}
.test-color:visited {
  color: #FFFFFF;
}
.test-color:hover {
  color: #CCCCCC;
}
.test-color:active {
  color: #333333;
}
0 голосов
/ 02 января 2019

link_to можно записать как 

<%= link_to text, path, class: "" %>

или 

<%= path, class: "" do %>
  <div>
    <!-- Insert HTML here -->
  </div>
<% end %>
...