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
相关产品推荐
相关产品推荐

