ruby-on-rails – flash消息的CSS样式

2024年1月6日 188次阅读

我应该用什么来设置我的CSS中的flash消息？我似乎无法改变它的造型.这是< body>中的相关代码.我的应用程序布局：

    <div class="container">
      <%= render 'layouts/header' %>
      <section class="round">
        <div id= "notice">
          <% flash.each do |key, value| %>
            <div class="flash <%= key %>">
              <%= value %>
            </div>
          <% end %>
        </div>
        <%= yield %>
      </section>
      <%= render 'layouts/footer' %>
      <%= debug(params) if Rails.env.development? %>
    </div>

相关的原始CSS是这样的,但它目前不起作用.

.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}

最佳答案 使用id通知为父div添加规则：

#notice {
  css_formatting_here
}

或者为子div添加规则：

.flash {
  css_formatting_here
}

错误容器的子div具有由空格分隔的多个类.闪光就是其中之一.因此,您可以为该类添加CSS规则,它将起作用.

在这里查看更多这样的例子：Hidden features of CSS

点赞