You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js 13项目中CSS模块样式无法生效,新手求助

Next.js 13 CSS模块样式不生效的解决办法

你的CSS模块引入方式是正确的,样式不生效是因为CSS属性写法存在错误:

  • border-width: 2;缺少长度单位,CSS里的长度值必须指定单位(比如px)
  • 仅设置border-width和border-color不会显示边框,因为默认border-style为none,必须显式设置边框样式

修正后的page.module.css代码:

.testStyle {
    /* 完整属性写法 */
    border-width: 2px;
    border-color: #990099;
    border-style: solid;

    /* 也可以用更简洁的简写形式 */
    /* border: 2px solid #990099; */
}

修改后重启项目,边框样式即可正常生效。

内容的提问来源于stack exchange,提问作者Trevor Clute

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 16:23:09