从后面的代码中将图标类添加到 HTML5 按钮

Posted 2023-03-06

【中文标题】从后面的代码中将图标类添加到 HTML5 按钮

【英文标题】：Add icon class to HTML5 button from code behind

【发布时间】：2019-10-02 19:46:20

【问题描述】：

我有一个 html5 按钮，用作保存/创建按钮，文本根据条件从后面的代码中更改。这里没有问题，但我需要从后面的代码向我的按钮添加一个图标样式元素，这不起作用：

<button typeof="button" id="btnSaveCreate" class="btn btn-danger" runat="server" onserverclick="btnSaveCreate_ServerClick"><i class="fas fa-road"></i></button>

我正在尝试更改文本并从后面的代码中添加一个很棒的字体图标，如下所示：

btnSaveCreate.InnerText = "Save <i class=\"fas fa-road\"></i>";

这不行，这个也不行：

btnSaveCreate.InnerText = "Save";
btnSaveCreate.Attributes.Add("class", "fas fa-road");

【问题讨论】：

你在使用 MVC 视图吗？

【参考方案1】：

您可以使用<asp:Button>（已测试且可以使用）

<asp:Button typeof="button" id="btnSaveCreate" runat="server"></asp:Button>

并使用字符代码在后面的代码中设置图标

btnSaveCreate.CssClass = "fas";
btnSaveCreate.Text = Server.HtmlDecode("Save ");

---

或者，正如你所说（也经过测试和工作）：

<button typeof="button" id="btnSaveCreate" class="btn btn-danger" runat="server"></button>

以及背后的代码：

btnSaveCreate.Attributes.Add("class", "fas");
btnSaveCreate.InnerText = Server.HtmlDecode("Save ");

【讨论】：

我试过了，但没用。 CssClass 和 .Text 不存在，所以我必须使用：btnSaveCreate.InnerText = Server.HtmlDecode("Create New Project "); btnSaveCreate.Attributes.Add("class", "fas");

啊，是的，您可能需要使用<asp:Button>。您尝试的代码有效吗？

【参考方案2】：

不要使用.InnerText，而是使用.InnerHtml