html - 如何使用带有 Ruby on Rails 的 Materialise 更改输入中的预定下划线颜色

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

根据docs您可以通过修改包含输入元素的元素的 border-bottom 和 box-shadow 的颜色(即具有类 输入字段)

所以也许它会是这样的:

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