如何在Azure B2C租戶中顯示自定義註冊頁面？

Question

我爲用戶註冊和多因素身份驗證準備了自定義HTML頁面。然後將這些頁面上傳到azure存儲區域。

接下來我編輯了用於註冊頁面定製的azure B2C租戶的註冊策略。並將之前上傳的定製html頁面的存儲blob URL粘貼到存儲blob中。

當我運行該策略的瀏覽器會顯示如下下面的註冊頁面。但是我使註冊頁面和MFA頁面非常好。只在我的HTML頁面內添加CSS內容。 您能否告訴我如何使用自定義註冊或MFA頁面而不是提供天藍色的B2C？

普拉迪普

Answer 1

好像你正在定製HTML頁面，而不是通用的微軟的登錄頁面。您可以使用瀏覽器中的開發工具來調整CSS以獲得所需的所需UX。您也可以爲每個輸入框或按鈕添加顯式CSS，以確保您的CSS正在被拾取，而不會被從Microsoft登錄頁面下載的CSS覆蓋。

Answer 2

正如Harsh Aseeja指出的那樣，您的頁面已經呈現了自定義頁面。您需要檢查瀏覽器的開發工具以確定在html元素中生效的CSS樣式。由於這些元素只是注入到您的頁面中，因此請檢查元素ID及其默認的CSS樣式。很可能，如果您使用類來設置頁面的樣式，那麼這些元素將被元素ID的默認樣式覆蓋。

您可以嘗試使用開發工具隨時編輯css樣式，當您對更改感到滿意時，將它們移植到您的css文件（或HTML頁面中的css）並更新您的存儲區中的相關文件斑點。