css - 用于打印背景颜色的 rails 5 bootstrap 4 样式表

标签 css ruby-on-rails twitter-bootstrap printing ruby-on-rails-5

早上好

好吧,我有 Rails 5 bootstrap 4 应用程序,它尝试在页面打印机何时分配背景颜色。

我开始了

  <%= stylesheet_link_tag    'application-print', media: 'print' %>

并创建 应用打印.css 有了这个内容

   .table-plus {
    background-color: #d0ffd0 !important;
    -webkit-print-color-adjust:exact;

  }
  .table-minus {
    background-color: #ff4040 !important;
    -webkit-print-color-adjust:exact;
  }

但是当我单击样式表进行打印时,它报告我为未知路径,有人可以就如何正确添加打印机表给我建议吗?

谢谢

克尔梅拉

最佳答案

这些步骤应该对您有所帮助

简单地将样式表链接到您的布局

<link rel="stylesheet" href="/assets/application-print.css" media="print">

您可能忘记在服务器启动时预编译 application-print.css 文件,因此在您的 /config/initializers/assets.rb 文件中写入以下行。

Rails.application.config.assets.precompile += %w(application-print.css)

您应该先将您的文件放在 app/assets/stylesheets 文件夹中。

现在您可以使用:

<%= stylesheet_link_tag    'application-print', media: 'print' %>

希望对您有所帮助。

关于css - 用于打印背景颜色的 rails 5 bootstrap 4 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42901795/

相关文章:

html - Firefox CSS3 对象适合 : cover strange behaviour during transition

html - 登录表单太大

ruby-on-rails - 如何在 Rails 中使用回形针以及它在部署中如何工作?

ruby-on-rails - 如何在 Rails 的 ActiveRecord 回调中获取 Devise 的 current_user?

javascript - Bootstrap DOM 属性 - getElementById 或 $ ("")?

jquery - Bootstrap Multiselect 滚动条拖动在 Bootstrap Modal 中不起作用

javascript - 从 div 滚动到下一个 div(不同高度)

javascript - CSS - 使用可调整的列设置行的样式

ruby-on-rails - rails : how to format and organize routes

html - 每行在 1 或 2 个控件之间切换的响应式表单