Как изменить предопределенный цвет подчеркивания на входе с Materialise с Ruby on Rails

Question

Я очень стараюсь изменить цвет подчеркивания, но я не могу, я не знаю, где это сделать, пожалуйста, помогите мне! ??

      <div class="row">
        <div class="col-md-6 col-md-offset-3">
          <%= form_for(:session, url: login_path) do |f| %>

          <%= f.label :email %>
          <%= f.email_field :email, class: 'form-control white-text' %>
          <br>
          <%= f.label :password %>
          <%= f.password_field :password, class: 'form-control white-text' %>
          <br>


          <%= f.submit "Log in", class: "btn" ,style:"color:white;background-color: #EEB756;" %>
          <% end %>

        </div>
      </div>

Answer 1

Согласно документам вы можете изменить цвет подчеркивания в CSS, изменив цвет border-bottom и box-shadow элемента, содержащего элемент ввода (то есть с классом * 1005). *)

так что, может быть, это будет что-то вроде этого:

.input-field input[type=email] {
   border-bottom: 1px solid red;
   box-shadow: 0 1px 0 0 red;
}

Answer 2

Вы можете изменить класс .input-field и добавить более конкретный селектор, например:

.input-field input

или по электронной почте тип ввода

.input-field input[type=email]

или к сфокусированному полю:

.input-field input[type=text]:focus

И установить стиль границы:

.input-field input[type=text]:focus{
     border-bottom: 1px solid #aaa;
} 

Вы можете прочитать больше в Материализация Документация: http://materializecss.com/forms.html

РЕДАКТИРОВАТЬ: отредактировано в соответствии с предложением @ Toby1Kenobi