前端代码审查时如何发现CSS注入风险？
最近在做安全Code Review，看到一段动态拼接CSS的逻辑，担心有注入漏洞。比如用户输入直接插进style标签里，会不会被利用？
我查了资料说CSS本身不像JS那样能执行脚本，但某些属性比如url()或@import可能引发问题。下面是我们项目里的一段简化代码：
.user-theme {
background: url('https://example.com/themes/${userInput}.png');
color: ${userColor};
}
这种写法真的不安全吗？有没有办法在Review时快速识别这类风险？
- 1
回答
8浏览
前端安全审计时如何防止CSS注入风险？
最近在做项目的安全审计，发现有个用户自定义主题的功能，允许传入CSS字符串动态应用样式。我担心这里会有CSS注入漏洞，比如用户输入恶意代码破坏页面或窃取数据。虽然我用了DOMPurify处理HTML，...
- 2
回答
18浏览
前端安全审计中如何评估CSS注入风险？
最近在做项目安全自查，发现用户能自定义主题色，但担心CSS注入问题。我用了类似下面的写法，这样安全吗？ .user-theme { --primary-color: ${userInput}; bac...
- 1
回答
16浏览
前端渗透测试中如何防范CSS注入攻击？
我在做安全测试时，发现用户输入的样式能直接渲染到页面上，担心有CSS注入风险。比如下面这段动态生成的CSS： .user-style { background: url(' + userInput +...
- 2
回答
25浏览
白盒测试时发现CSS注入漏洞，如何验证并修复？
在审计前端代码时发现一个动态插入用户CSS样式的功能，像这样： .example { content: attr(data-style); /* 用户提供的样式会直接填充到data-style属性 *...
- 1
回答
15浏览
前端监控中如何准确采集 CSS 加载失败的数据？
我在做前端异常监控，想采集 CSS 文件加载失败的情况，但发现 onerror 事件在 link 标签上不生效。试过动态创建 link 并监听 error，但有些浏览器根本不触发，导致监控漏报。 比如...
- 1
回答
13浏览
Vite 插件里怎么处理 CSS 中的变量注入？
我在写一个 Vite 插件，想在构建时动态往 CSS 里注入一些变量，比如主题色。但试了几次发现 transform 阶段拿到的 CSS 内容没法正确替换，或者替换后样式就乱了。 我用的是 trans...
- 1
回答
23浏览
前端安全审计时怎么判断CSS有没有安全风险？
最近在做项目的安全审计，听说CSS也可能有安全问题，比如XSS之类的。但我一直以为CSS是静态样式，不会执行代码，所以有点懵。 我试过用一些在线工具扫描，但没报错。不过我们有个动态加载用户自定义主题的...
- 2
回答
42浏览
代码审查中如何处理CSS类名重复导致的样式覆盖问题？
在审查同事的代码时发现，两个不同组件都用了.header类名： .componentA .header { background: blue; } .componentB .header { back...
- 2
回答
35浏览
CSS样式中的expression()如何绕过事件属性过滤导致XSS？
我在开发评论系统时发现，即使过滤了所有on开头的事件属性，用户提交的CSS代码还是能触发XSS。比如有人写了个这样的样式： div { width: expression(alert('XSS'));...
- 2
回答
49浏览
微前端子应用CSS样式污染父应用怎么办？
我在用single-spa搭建微前端时，发现子应用的CSS会污染父应用页面。比如子应用用了.header { background: red }，结果父应用的header也变红了。尝试过加命名空间和C...
暂无解答