Значок кнопки Rails 3.1 с css - PullRequest
Новая
       14

Значок кнопки Rails 3.1 с css

0 голосов
/ 08 сентября 2011

Как добавить иконку к кнопке рельса с помощью css?

Мой запрос как для <% button_to%> , так и для <% f.submit%>

Спасибо за помощь

Привет, @jdc. Я наконец-то нашел трюк, я не использовал твой метод, но он помог мне найти свой путь. Спасибо большое, мужик.

1 °) Измените код html.erb с: 

<%= f.submit %>

до 

<%= f.submit , :id => 'button' do -%>
<% end %>

2 °) В приложении / assets / stylesheets и вставьте следующий код CSS: 

#button {
background-image: url(plus_8x8.png);
background-repeat:no-repeat;
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;

font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px;;  /* I put this here to move the text away on older IE junk */

}

Конечно, #button в верхней части кода CSS находится имя: id в <%= f.submit , :id => 'button' do -%> коде в файле html.erb

Надеюсь, это поможет вам, ребята, стилизовать кнопку css на рельсах 3 приложения.

1 Ответ

1 голос
/ 09 сентября 2011

Если я понимаю, что вы спрашиваете, вы можете попробовать что-то вроде этого: 

<% f.submit :html => { :class => 'imgbutton' } %>

тогда в вашем css: 

background: url(someicon.gif);
border: none;  /* If your icon IS the button */
color: transparent;  /* If you don't want the button text to show up */
*padding-left: 9999px;  /* I put this here to move the text away on older IE junk */

Может не работать в некоторых действительно древних браузерах, чтобы делать это с помощью CSS.

...