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

相关推荐
兜有米啦5 分钟前
数据库第二次作业
数据库
像风一样的男人@6 分钟前
python --fastapi推流AI推理
人工智能·python·fastapi
2601_9563198822 分钟前
最新量化开发卡住,先查规则和流程是否完整
人工智能·python
nVisual41 分钟前
机柜PDU安装位置与空间建模方案
大数据·网络·数据库·信息可视化·数据中心基础设施管理
weixin_66842 分钟前
Cursor-superpowers插件用法
数据库·人工智能
小小代码狗1 小时前
SQLi-Labs 基础注入实战教程(Less-1 ~ Less-5and Less-9)
服务器·python·php
NWU_白杨1 小时前
三种常用的数据存储技术
数据库·redis·mysql·sqlite
吃饱了得干活1 小时前
亿级订单表分库分表设计,从0到1全流程
java·数据库·面试
蓝创工坊Blue Foundry1 小时前
图片文字提取到 Excel:批量任务如何先定义要交付的字段
运维·服务器·开发语言·数据库·自动化·ocr·excel
nanawinona1 小时前
2026年下半年量化学习,不同基础要查不同缺口
人工智能·python