html - new.html.erb 看不到样式表的背景色

标签 html css ruby-on-rails

我在assets中制作样式表,名字_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 中渲染 它显示除背景颜色以外的所有内容 请帮忙 我是 ruby 初学者

这是 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>

最佳答案

将 !important 添加到“背景色:#FFB6C1;”成为“背景色:#FFB6C1;!重要”

关于html - new.html.erb 看不到样式表的背景色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32314001/

相关文章:

html - 如何更改 <img> 标签中 svg 的描边颜色?

javascript - 用于验证网站电子邮件的基本概念是什么?

html - 带有填充和边框的 Firefox 问题

css - React-Router 链接整个(内联) block 而不仅仅是文本?

ruby-on-rails - rails 和 node.js 之间的共享身份验证与 redis 存储

mysql - OpsWorks 部署错误 - Chef::Exceptions::ChildConvergeError

javascript - 通过 AJAX 提交表单并获取响应

javascript - 使用 jQuery 的 Html5 postMessage,但不是 jQuery-postMessage 脚本

php - 在 JavaScript 数组中包含项目

html - 跨度之间的CSS过渡问题