如何在烤面包机中更改图标填充颜色
沙米拉
我的应用程序中显示了烤面包机的成功和错误消息。我更改了背景颜色和字体颜色。我想更改消息中显示的图标颜色。我已经在所有地方进行了搜索，但是找不到改变图标的填充颜色或至少改变图标的方法。以下是成功消息的屏幕截图
以下是错误消息，
我想更改这些消息中显示的图标，以更改图标的填充颜色。js文件中的代码，
.success(function(data) {
toastr.success('Successfully Build ', 'Congratulations!', {
closeButton: true
});
}).error(function(err) {
toastr.error('Cant Build', 'Error', {
closeButton: true
});
在CSS中，
#toast-container > .toast-success {
background-image: none;
background-color: #e9e9e9;
color: black;
}
#toast-container > .toast-error {
background-image: none;
background-color: #e9e9e9;
color: red;
}
让·伊夫·法吉亚特（Jean-Yves Fargeat）
烤面包机将背景PNG图像（24x24像素）用作图标，因此，最好的选择只是将它们替换为事先准备的彩色版本。
假设您准备了一个大小相同的“黑色对勾” PNG，那么CSS将是：
#toast-container>.toast-success {
background-image: url(<insert here the url pointing to your new PNG>)!important;
}
现在要创建所需颜色的图标，请查看flaticon.com（或其他类似网站）。您应该能够找到免版税图标并下载所需大小和颜色的图标。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Angular：如何在工厂中定义烤面包机并在Controller中调用它
- 2
如何在烤面包机中显示多行消息？
- 3
删除前如何在烤面包机中要求确认
- 4
如何在2个组件中显示2个单独的烤面包机
- 5
更改烤面包机和Sweetalert背景颜色的简便方法
- 6
如何调整烤面包机弹出宽度
- 7
烤面包机-选项问题
- 8
Jhipster角烤面包机
- 9
angularjs烤面包机无法从粘性更改为动态关闭
- 10
关闭按钮的粘性烤面包机onclick事件
- 11
角烤面包机回调
- 12
用requirejs未定义烤面包机
- 13
硒：单击烤面包机问题
- 14
烤面包机通知不起作用
- 15
未定义烤面包机
- 16
防止点击时关闭烤面包机
- 17
需要居中对齐烤面包机并使其固定
- 18
烤面包机微调器动画
- 19
角烤面包机回调
- 20
在Spring中通过控制器在烤面包机中显示消息
- 21
任何控制器angularjs中的火灾通知烤面包机
- 22
为什么我的烤面包机通知在laravel中无法正常工作？
- 23
AngularJS-烤面包机不能在控制器中工作
- 24
烤面包机未在 angular4 中触发
- 25
如何在异常处理程序中将烤面包机库注入日志记录模块而又不会出现循环依赖项错误
- 26
烤面包机通知未显示在右下角
- 27
Angular App Factory烤面包机因依赖关系而中断应用程序
- 28
根据消息类型设置烤面包机选项（Aurelia）
- 29
仅在登录成功时显示烤面包机通知
我来说两句