,而它应该
我正在写关于我在学习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