如何在Azure AD B2C自定义策略中隐藏UI元素？

所有你提到的UI元素都可以实现隐藏，以下是针对每个元素的具体实现方法，优先使用官方支持的配置项，配置无法覆盖的场景再用自定义UI样式补充：

1. 隐藏密码重置页面的「Change Email」按钮 #

密码重置页面对应ForgotPassword技术配置文件，在该TechnicalProfile的<Metadata>节点中添加配置：

<Item Key="showChangeEmailLink">false</Item>

2. 隐藏MFA验证码输入页面的「Continue」按钮 #

该按钮属于页面默认操作控件，无法通过策略配置直接隐藏，需通过自定义HTML模板添加CSS样式实现：

#continueButton {
    display: none !important;
}

将这段代码嵌入到MFA验证页面的自定义HTML样式区域，或全局自定义UI的样式文件中。

3. 隐藏「Sign-Up Now」超链接 #

登录页面的注册链接对应SelfAsserted-LocalAccountSignin-Email技术配置文件，添加Metadata配置：

<Item Key="showSignupLink">false</Item>

若社交登录页面存在该链接，需在对应社交登录技术配置文件中添加相同配置。

4. 隐藏「Cancel」按钮 #

你之前使用的配置项Key有误，正确配置需放到对应页面的TechnicalProfile的<Metadata>节点中，比如登录页面：

<Item Key="showCancelButton">false</Item>

若部分页面（如MFA验证页）配置未生效，可补充CSS样式：

#cancelButton {
    display: none !important;
}

5. 隐藏「Sign in with Social Account」选项 #

• 彻底移除：删除自定义策略中所有社交身份提供者的ClaimsProvider节点及对应的技术配置文件引用；
• 仅页面隐藏：保留配置但通过CSS隐藏社交登录区域：

.social {
    display: none !important;
}

最佳实践建议 #

1. 优先用官方配置项：多数UI元素有对应的Metadata参数，这种方式更稳定，不会因UI版本更新失效；
2. CSS作为补充方案：仅在配置无法覆盖的场景使用自定义样式，注意匹配Azure AD B2C默认UI的元素ID/类名；
3. 全流程测试：修改配置后，需覆盖密码重置、MFA验证、登录等所有相关用户流程，确保元素隐藏且不影响功能正常运行。

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