CSS材质图标

我们有呈现图标的CSS类。 CSS类用于所有不同的页面

.alert { /* used for "alert" type messages */
background: url(images/alerts.png) no-repeat left top;
padding: 5px 0 15px 35px;
margin: 0;
}
Use:
<p id="ctl00_ctl00_ContentMessageParagraph" style="clear:both" role="alert" aria-live="assertive" 
aria-atomic="true" class="alert">Thank you for using the site&nbsp;</p>

.alert{/*用于“警报”类型的消息*/
背景：url（images/alerts.png）不重复左上方；
填充：5px 0 15px 35px；
保证金：0；
}
使用：
感谢您使用本网站

我们需要用材质图标替换所有这些图标。

---

这可以在样式表中完成，还是需要遍历所有页面并添加例如

error\u outline

？

您尝试过吗

在标题中声明材质图标样式表

使用伪元素替换警报类

调整以下CSS

.alert:：after{
字体系列：“材质图标”；
内容：“错误_大纲”；
字体大小：1.5rem；
}

这可以在样式表中完成，还是需要浏览所有页面并添加例如错误大纲？