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 智能移除图片中的物体、文本、污迹、人物或任何不想要的东西

相关推荐
阿耶同学19 分钟前
手把手教你用 LangGraph 搭建三层嵌套 Agent 架构
python·程序员
jiayou642 小时前
KingbaseES 表级与列级加密完全指南
数据库·后端
花酒锄作田17 小时前
Pydantic校验配置文件
python
hboot17 小时前
AI工程师第四课 - 深度学习入门
pytorch·python·神经网络
GBASE1 天前
G术时刻 |GBase 8s数据库事务并发控制之封锁技术介绍(下)
数据库
ZhengEnCi1 天前
P2M-Matplotlib折线图完全指南-从数据可视化到趋势分析的Python绘图利器
python·matlab·数据可视化
ZhengEnCi1 天前
P2L-Matplotlib饼图完全指南-从数据可视化到图表定制的Python绘图利器
python·matlab
曲幽1 天前
你的REST接口还在“过度投喂”数据吗?——FastAPI + GraphQL实战避坑指南
python·fastapi·web·graphql·route·cors·rest·strawberry
用户8358086187911 天前
基于 Self-RAG 与列表级重排序的进阶 RAG 系统设计与实现
python
xiezhr1 天前
逛GitHub发现了一款免费的带AI功能的数据库管理工具
数据库·ai编程·dba