CSS如何对用户访问过的链接进行降级颜色处理_使用-visited伪类改变颜色

:visited 仅允许 color、background-color(纯色)、border-color 等少数安全属性生效,opacity、transform 等均被浏览器禁用以防止隐私泄露;验证需用 DevTools 强制触发状态。为什么 :visited 现在改不了颜色了浏览器从 2010 年代中后期开始大幅限制 :visited 的样式能力,主要是为了防止通过 CSS 探测用户历史访问记录(隐私泄露漏洞)。你现在用 color、background-color、border-color 等属性设颜色,大多数情况下仍有效;但一旦涉及 opacity、transform、transition、box-shadow 或读取 getComputedStyle,浏览器会直接忽略或返回默认值。这不是你写错了,是浏览器故意的------它只允许极少数"安全"的视觉属性生效。:visited 还能安全用的颜色相关属性有哪些目前主流浏览器(Chrome、Firefox、Safari)仅允许以下属性在 :visited 中产生实际渲染效果:colorbackground-color(仅当不依赖渐变或图片时)border-color(含 border-top-color 等细分项)outline-colorcolumn-rule-color注意:background-image、text-shadow、filter 全部被禁用;font-size 和 margin 等布局属性也一律无效。试图用它们做"降级"只会白忙活。立即学习"前端免费学习笔记(深入)";怎么写出真正生效的降级链接样式所谓"降级",本质是让已访问链接比未访问时更灰、更淡、更低对比度。可行路径只剩一条:老老实实用 color 配合有限的背景/边框变化。 Cleanup.pictures 智能移除图片中的物体、文本、污迹、人物或任何不想要的东西

相关推荐
曦月逸霜4 小时前
啥是RAG 它能干什么?
人工智能·python·机器学习
Mahir084 小时前
Redis 与 MySQL 数据同步:一致性保证的完整解决方案
数据库·redis·mysql·缓存·面试·数据一致性
2301_769340674 小时前
如何在 Vuetify 中可靠捕获 Chip 关闭事件(包括键盘触发).txt
jvm·数据库·python
AC赳赳老秦4 小时前
供应链专员提效:OpenClaw自动跟踪物流信息、更新库存数据,异常自动提醒
java·大数据·服务器·数据库·人工智能·自动化·openclaw
灵犀学长5 小时前
基于 Spring ThreadPoolTaskScheduler + CronTrigger 实现的动态定时任务调度系统
java·数据库·spring
北秋,5 小时前
PostgreSQL(Postgres)数据库基础用法 + 数字型 + 字符型 完整联合注入实战
数据库·postgresql·开源
woniu_buhui_fei5 小时前
JVM编译器
jvm
南 阳6 小时前
Python从入门到精通day66
开发语言·python
m0_596749096 小时前
JavaScript中手动实现一个new操作符的底层逻辑
jvm·数据库·python
多加点辣也没关系6 小时前
Redis 的安装(详细教程)
数据库·redis·缓存