Michael Hartls RoR-Tutorial: scss zielt nicht auf die Eingabe

Question

Ich schreibe in Bezug auf ein Problem, das ich während der Arbeit durch Michael Hartl Tutorial für Ruby on Rails konfrontiert. Das Problem ist, dass CSS das Aussehen des Eingabefeldes für die Passwortbestätigung nicht ändert. Alle anderen Eingabefelder Aussehen sind von den CSS-Regeln betroffen. Finden Sie Bilder und Dateien unter:

What I get:

// 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>

ich versucht habe kommentieren Sie Zeile @include box_sizing; oder feste Höhe geben wie height: 25px;, aber es hat nicht geholfen.

Jede Hilfe wäre willkommen!

Answer 1

Ich kann dir nicht sagen, wie oft mir das passiert ist.

Überprüfen Sie Ihre Schreibweise in Ihren Klassen. Bootstrap verwendet allgemein Bindestriche anstelle von Unterstrichen, und Sie haben eine form_control Klasse auf Ihrem :password_confirmation Feld bekam, als es sein sollte form-control