Question

我正在编写关于我在处理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;这样的固定高度，但它没有帮助。

任何帮助将不胜感激！

Answer 1

我无法告诉你这次发生了多少次。

检查您的课程拼写。 Bootstrap通常使用连字符而不是下划线，并且form_control字段上的:password_confirmation类应该是form-control

Michael Hartls RoR教程：scss不是针对输入

1 个答案: