Michael Hartls RoR 教程:scss 不是目标输入



我正在写关于我在学习Michael Hartl的Ruby on Rails教程时遇到的一个问题。问题是css不会更改密码确认输入字段的外观。所有其他输入字段的外观都受 css 规则的影响。请在下面找到图片和文件:

我得到什么:

// app/assest/stylesheets/custom.scss
@mixin box_sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* forms */
input, textarea, select, .uneditable-input {
  border: 1px solid #bbb;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  @include box_sizing;
}
# app/views/users/new.html.erb
<% provide(:title, 'Sign up') %>
<h1>Sign up</h1>
<div class="row">
  <div class="col-md-6 col-md-offset-3">
    <%= form_for(@user, url: signup_path) do |f| %>
      <%= render 'shared/error_messages' %>
      <%= f.label :name %>
      <%= f.text_field :name, class: 'form-control' %>
      <%= f.label :email %>
      <%= f.email_field :email, class: 'form-control' %>
      <%= f.label :password %>
      <%= f.password_field :password, class: 'form-control' %>
      <%= f.label :password_confirmation, "Confirmation" %>
      <%= f.password_field :password_confirmation, class: 'form_control' %>
      <%= f.submit "Create my account", class: "btn btn-primary" %>
    <% end %>
  </div>
</div>

我试图注释掉第 @include box_sizing; 行或像 height: 25px; 一样给出固定高度,但没有帮助。

任何帮助将不胜感激!

我不能告诉你这种情况发生在我身上多少次。

检查课程的拼写。Bootstrap 通常使用连字符而不是下划线,并且您的 :password_confirmation 字段上有一个form_control

,而它应该form-control