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