为什么我的按钮没有出现在页面上？答案

【问题标题】：Why is my button not appearing on the page?为什么我的按钮没有出现在页面上？
【发布时间】：2011-08-04 09:57:48
【问题描述】：

我有这个表格的一部分：

<%= form_for current_user.relationships.build(:followed_id => @profile.user.id) do |f| %>
  <div><%= f.hidden_field :followed_id %></div>
  <div class="follow_button"><%= f.submit "Follow" %></div>
<% end %>

呈现到我的个人资料视图。这是生成的 html：

<form accept-charset="UTF-8" action="/relationships" class="new_relationship" id="new_relationship" method="post">
    <div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓">
    <input name="authenticity_token" type="hidden" value="fo9dve4XjKpqSHqkmYw/lsEPm4PUxRYy+5JM5D4aTLg="></div>
    <div><input id="relationship_followed_id" name="relationship[followed_id]" type="hidden" value="58"></div>
    <div class="follow_button"><input id="relationship_submit" name="commit" type="submit" value="Follow"></div>
</form>

表单在那里，并且按钮的css显示属性没有隐藏，为什么按钮没有出现？

【问题讨论】：

是的，这正是我所做的:)

标签： html ruby-on-rails css forms button

【解决方案1】：

可能是您的 CSS 文件中的其他内容导致提交按钮被隐藏。尝试禁用整个页面的 CSS 样式，看看按钮是否仍然隐藏。

【讨论】：

是的，它在我的 CSS 中
使用带有 Firebug 插件的 Firefox 检查按钮并找出导致按钮隐藏的 css 样式。

【解决方案2】：

尝试从按钮中删除 CSS 类“follow_button”。如果按钮然后出现。然后问题出在样式上。

祝你好运！

【讨论】：