在 Blazor 应用编辑表单中的 InputText 或 InputRadioGroup 之后添加信息图标

Question

我只想在我的 Razor 页面的 InputRadioGroup 之后添加信息图标“i”。我尝试了一些东西，但没有用。这里有什么建议吗？

在 index.html

中添加了 link

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

在编辑表单中添加了 <i class="fa fa-info-circle"></i>。如下所示：

                 <div class="form-group col">
                   <label>My Role in this trade</label><br />
                    <InputRadioGroup @bind-Value="model.Role" class="form-control">
                        @foreach (var option in rdOptions)
                        {
                            <InputRadio Value="option" /> @option
                            <text>&nbsp;&nbsp;</text>
                        }
                    </InputRadioGroup> <i class="fa fa-info-circle"></i>
                    <ValidationMessage For="@(() => model.Role)" />
                </div>

没有错误。但是也没有信息图标。

Answer 1

我对此进行了更多搜索。我只是想知道，即使所有链接都是正确的，为什么字体对我不起作用。我尝试了以下在其他 Whosebug 问题中找到的解决方案。工作起来很有魅力。我使用了 chrome 选项。希望这对以后的人有帮助。

有时强制重新加载可以解决问题。您需要重新加载浏览器的缓存。

Firefox: ctrl + shift + R
Chrome: ctrl + right click on Chrome's reload button
Edge: Same as Chrome, or ctrl + F5
Other combinations can be found in the above provided link.

在 Blazor 应用编辑表单中的 InputText 或 InputRadioGroup 之后添加信息图标

Adding info icons after InputText or InputRadioGroup in Blazor app editform

html

css

font-awesome

blazor

blazor-webassembly