Почему моя кнопка не отображается на странице?

#html #ruby-on-rails #css #forms #button

#HTML #ruby-on-rails #css #формы #кнопка

Вопрос:

У меня есть эта форма в частичном:

 <%= 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 для кнопки не скрыт, так почему же кнопка не отображается?

Комментарии:

1. да, это именно то, что я сделал 🙂

Ответ №1:

Возможно, что-то еще в вашем CSS-файле вызывает скрытие кнопки отправки. Попробуйте отключить ваши стили CSS для всей страницы и посмотрите, по-прежнему ли кнопка скрыта.

Комментарии:

1. да, это что-то в моем css

2. Используйте Firefox с надстройкой Firebug, чтобы проверить кнопку и выяснить, из-за какого стиля css кнопка скрыта.

Ответ №2:

попробуйте удалить CSS-класс «follow_button» из кнопки. Если кнопка затем появится. Тогда проблема в стилях.

Удачи!

Ответ №3:

Однажды у меня была проблема с моими кнопками, затем я понял, что я не связал свой html и css для конкретной вкладки, на которой я хотел иметь кнопку. Поэтому всегда проверяйте дважды, что