css - 用于自定义图像背景的 NProgress CSS
问题描述
嗨,我在我的 Vue3 项目中为一家面包店实现了 NProgress,我想使用我拥有的各种烘焙食品的自定义精灵图像来自定义它的背景。我遇到的问题是图像出现了,但我仍然在图像周围发出蓝光。有谁知道如何摆脱它?我尝试了 box-shadow 没有成功
这是我的 sass 代码
height: 1rem
background: $nav_background_image
border: none
box-shadow: none
我不确定这种蓝色色调是否会在执行*nprogress-busy*
课程时添加任何帮助将不胜感激
解决方案
这对我有用
#nprogress .bar {
background: red;
}
#nprogress .peg {
box-shadow: 0 0 10px #FFBB00, 0 0 5px #FFBB00;
}
推荐阅读
- json - 以逗号分隔的字符串 JSON 中的转义引号
- sql - 从现有查询返回结果的过程
- css - 如何使用 Flexbox 将第二行包装的卡片与第一行对齐?
- sql-server - 无法从其他网络连接到 sql server 数据库
- java - Java JSP Mysql 错误
- javascript - 使用 Socket.io 错误的 HTTP 通知
- google-cloud-datastore - 从数据存储区读取/写入指标
- c# - 在捕获异常时显示模态引导程序
- django - AsyncJsonWebsocketConsumer 在第一条消息完成之前未处理第二条消息
- elasticsearch - Elasticsearch 6.2 (java/gradle) 集成测试