Azure B2C页面自定义-使用超文本链接代替ClaimsProviderSelection的按钮

问题描述

我只想用超文本链接替换ClaimProviderSelection按钮。我该怎么办？我看了一个示例CSS（我不是内容开发人员），但似乎我感兴趣的部分是B2C在<div id="api"></div>元素之间合并的内容。 请帮忙。

解决方法

B2C将其HTML注入页面布局模板上的<div id="api"></div>元素中。这些按钮都具有accountButton类，因此可以通过CSS选择器#api button.accountButton进行标识。

如果您已经在使用自定义页面模板，则应该能够更新CSS以定位那些按钮元素并删除所有默认按钮样式，类似于以下内容：

#api button.accountButton
{
    background: none;
    color: black;
    border: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-decoration: underline;
}

如果您尚未使用自定义页面布局模板，那么这应该是您的第一步。 the Microsoft Docs中有有关如何使用用户流和自定义策略的指南。