如何在Azure B2C租户中显示自定义的注册页面？

Question

我准备了用于用户注册和多因素身份验证的自定义HTML页面。 然后将这些页面上传到Azure存储Blob。

接下来，我编辑了用于用户注册页面自定义的Azure B2C租户的注册策略，并将先前上传的自定义html页面的存储Blob URL粘贴到存储Blob中。

当我运行策略时，浏览器将显示如下的注册页面。 但是我使注册页面和MFA页面非常好。 并且仅在我的HTML页面内添加了CSS内容。

如何使用自定义的注册或MFA页面代替提供的Azure B2C？

Answer 1

正如Harsh Aseeja指出的那样，您的页面已经在渲染自定义页面。 您需要使用浏览器的开发工具进行检查，以识别在html元素中生效的css样式。 由于这些元素只是注入到您的页面中，因此请检查元素ID及其默认的CSS样式。 如果您使用类为页面设置样式，则可能会被元素ID的默认样式覆盖。

您可以尝试使用开发工具动态编辑css样式，当对更改满意后，将其移植到css文件（或HTML页面内的css），并更新Azure存储Blob中的相关文件。

Answer 2

似乎您正在获取自定义HTML页面，而不是常规的Microsoft登录页面。 您可以在浏览器中使用开发工具来调整CSS，以获取所需的UX。 另外，您可以为每个输入框或按钮添加显式CSS，以确保您的CSS被拾取，并且不会被来自Microsoft登录页面的CSS覆盖。