思路:
- 利用通配符
*=
找出特定图片 - 加上滤镜
filter: invert(1)
用处:
比如网站加了夜间模式,由于某些图标是暗色的,在夜间模式下看不清,那么使用一行CSS代码可以非常简单的实现高亮。
例子:
/* 查找所有文件名包含“mac-3”的图片并反色 */
body.night div.surface-content img[src *="mac-3"] {
filter: invert(1);
}
效果:


HERMIT COTTAGE
思路:
*=
找出特定图片filter: invert(1)
用处:
比如网站加了夜间模式,由于某些图标是暗色的,在夜间模式下看不清,那么使用一行CSS代码可以非常简单的实现高亮。
例子:
/* 查找所有文件名包含“mac-3”的图片并反色 */
body.night div.surface-content img[src *="mac-3"] {
filter: invert(1);
}
效果:
不亦乐乎 福建
看起来还以为只有苹果图标反色。。。
三年前 Google Chrome 93 · Windows 10S 江苏 *
@不亦乐乎 目前只设了苹果和wp图标反色
三年前 Wordpress App 18 · iPad iOS 14.7.1Mr.Chou 广东
Css还具备ps的滤镜,强
三年前 Microsoft Edge 45 · Android 10