Uscreen站点CSS修改模板字体颜色后页面不生效求助

问题核心原因 #

你当前使用的CSS选择器中包含[data-v-17fd35e2]这个动态生成的哈希属性，这是Uscreen底层框架自动生成的临时标识，每次平台更新模板、重新构建站点时这个哈希值都会变化，所以你的规则会失效，也无法稳定匹配目标元素。

可用解决方案 #

直接替换你现有的CSS代码，使用以下更稳定的选择器即可：

• 方案1（仅作用于登录页的忘记密码链接，不会影响其他页面元素，优先级最高）：

.page-sign-in .forgot-password-link {
    color: #1a202c !important;
}

• 方案2（可按需选择生效范围）：

/* 全局修改所有primary色文本 */
.variant-text.color-primary {
    color: #1a202c !important;
}
/* 仅修改登录页的primary色文本 */
.page-sign-in .variant-text.color-primary {
    color: #1a202c !important;
}

注意事项 #

如果修改后样式不生效，可以打开浏览器开发者工具的「元素」面板，选中目标文本查看样式规则，如果你写的规则被划掉，说明选择器优先级不足，可以再叠加一级父元素的稳定类名提高优先级，非必要不要频繁使用!important，避免后续样式冲突。

内容的提问来源于stack exchange，提问作者Ville Ekman