Ruby on rails Desive 5：如何修改Desive中的Flash消息以匹配我的css中的Flash消息？

我正在Rails 5.1应用程序中运行最新版本的Desive 5。我的样式表中有以下用于flash消息的CSS代码

div.alert.alert-danger, .alert-danger { background-color: #ff0000; }
div.alert.alert-info, .alert-info { background-color: #99d7ea; }
div.alert.alert-success, .alert-success { background-color: #a3da2f; }
div.alert.alert-warning , .alert-warning { background-color: #e6c856; }

原始代码只有第一个类。它很好用。在阅读了一些关于这一点的旧答案后，我添加了第二个答案，试图在Desive中更改flash消息的css。来自Desive的消息显示为我的默认字体大小和颜色，但背景是透明的。我希望它们与我为flash消息定义的内容相匹配。我发布的那些使用我定义的CSS

---

我在哪里/如何覆盖Desive CSS for flash消息以匹配我的消息？

您可能真的想修改标记以匹配您的flash消息结构

---

设计错误消息定义设计错误消息的标记。您可以在
ApplicationHelper
中重写该方法以适应所需的标记。
我意识到我的问题的一部分是我需要知道Desive flash类型是什么。从这个链接中，我只找到了两个：警报和通知


这两种方法都没有在rails 5中使用。它们是危险、信息、成功和警告。我决定将css与警惕的危险和注意的成功相匹配。从这个链接中，我找到了一个4年前的答案，这个答案仍然适用于Desive的当前版本


我在样式表中添加了以下两条语句，现在来自designe的所有消息都像我的其他flash消息一样出现

.alert-alert { @extend .alert-warning; }
.alert-notice { @extend .alert-success; }

发件人：

DeVICE现在使用“DeVICE/shared/error_messages”（设计/共享/错误消息）下的一部分来显示
默认情况下为错误消息，并使其更易于自定义。更新您的
查看从以下位置更改呼叫：

<%= devise_error_messages! %>



致：



要开始自定义错误的显示方式，可以复制部分错误
从设计到您的
app/views
文件夹。或者，你也可以跑步
rails g designe:views
将所有视图再次复制到您的应用程序中

如何编辑CSS：（Rails 4和Desive 3）
[Desive]
DesiveHelper#Desive#错误信息
已弃用，将在下一个主要版本中删除。
<%= render "devise/shared/error_messages", resource: resource %>