Css类没有应用于按钮

时间:2014-02-12 10:43:49

标签: ruby-on-rails

我在下面有一个按钮:

<table align="center" width="50%">
<tr>
   <td style="color: #212121;">
    <div class="button">
         <%= button_to "Search", {:class => "buttonhome" } %>
    </div>
   </td>
</tr>
</table>

我正在使用buttonhome类,即

.buttonhome
{
    height: 100px;
    width: 200px;
    font-family: Arial;

    background-color: transparent;
    border-style: none;
    font: white;
}

但它不适用于按钮。请建议我。等待回复。感谢

3 个答案:

答案 0 :(得分:2)

<%= button_to "Search", {action: "search"}, {class: 'buttonhome'} %>

可能重复1 2

答案 1 :(得分:0)

尝试

div.button .buttonhome
{
    height: 100px;
    width: 200px;
    font-family: Arial;

    background-color: transparent;
    border-style: none;
    font: white;
}

还要检查你的css是否正常加载,你的按钮是否有类按钮。

答案 2 :(得分:0)

根据文档

,html_option是button_to的第3个参数

http://apidock.com/rails/ActionView/Helpers/UrlHelper/button_to

所以使用这个

<%= button_to 'Search', {}, { :class => "buttonhome" } %>