Question

我在资产中制作样式表，其名称为_loginstyle.css以调整log_in页面和sign_up页面的样式

<style>

body{
    background-color: #FFB6C1;
  }
  label{
    margin-left: 1000px;
    width: 100px;
    display: block;
    color: black; 
    font-size: 20px;
  }
  input[type="email"]{
    margin-left: 1000px;
    width: 250px;
  }
  input[type="password"]{
    margin-left: 1000px;
    width: 250px;
  }
  input[type="checkbox"]{
    margin-left: 1000px;
  }
  input[type="submit"]{
    margin-left: 1000px;
  }
</style>

并在new.html.erb中呈现它它显示除背景颜色之外的所有东西请帮忙我是红宝石的初学者

这是new.html.erb

<body>

<%= stylesheet_link_tag "loginstyle", media: "all" %>
<h1 style="margin-left: 1000px;" >Log in</h1>

<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
  <div class="field">
    <%= f.label :email %><br />
    <%= f.email_field :email, autofocus: true %>
  </div>

  <div class="field">
    <%= f.label :password %><br />
    <%= f.password_field :password, autocomplete: "off" %>
  </div>

  <% if devise_mapping.rememberable? -%>
    <div class="field">
      <%= f.check_box :remember_me %>
      <%= f.label :remember_me %>
    </div>
  <% end -%>

  <div class="actions">
    <%= f.submit "Log in" %>
  </div>
<% end %>

<%= render "devise/shared/links" %>

</body>

Answer 1

添加！重要的是＆＃34;背景颜色：＃FFB6C1;＆＃34;是＆＃34;背景颜色：＃FFB6C1; ！重要＆＃34;

Answer 2

将样式表链接标记移到您的身体外。

new.html.erb没有看到样式表的背景颜色

2 个答案: