Question

我正在使用带有Bootstrap的asp.net。在.aspx中，我编写了以下代码：

 <asp:Button ID="btnCancel" class="btn btn-warning" runat="server">
                        <i class="glyphicon glyphicon-thumbs-down"></i> Cancel</asp:Button>

我正在使用HTML5。

错误是：

键入＆＃39; System.Web.UI.WebControls.Button＆＃39;没有名为＆＃39; i＆＃39; 的公共财产。

没有 i 标记我无法在服务器端控件的按钮内显示图像。

感谢接受任何帮助。

帕塔

Answer 1

不使用CSS在标签之间插入HTML。将CssClass属性添加到按钮，并在该类中设置background-image属性以取消按钮图像

一个例子：

<style type="text/css"> 
.submit 
{ 
border: 1px solid #563d7c; 
border-radius: 5px; 
color: white;
padding: 5px 10px 5px 25px; background-image: url(https://cdn.sstatic.net/stackoverflow/img/sprites.png?v=6); 
background-position-y: 465px; background-position-x: 5px; background-color: #563d7c; 
} 
</style> 

<asp:Button runat="server" ID="Button1" Text="Submit" CssClass="submit"/>

Answer 2

您可以使用<asp:LinkButton>将图标添加到按钮，如下所示

<asp:LinkButton ID="btnCancel" CssClass="btn btn-warning" runat="server" OnClick="btnCancel_Click"><span class="glyphicon glyphicon-thumbs-down"></span></asp:LinkButton>

Answer 3

您可能知道，在aspx标记文件中，您可以使用纯HTML元素以及ASP控件。然后，这些ASP控件呈现给相应的html元素。当您在ASP控件中嵌套另一个标记时，它会自动检查父控件是否具有该type属性。所以，只要你在设计阶段输入这个

 <asp:Button  ID="btnDoSomething">
    <i class="glyphicon ">
 </>

与在代码文件中写这个相同：

 btnDoSomething.PropertyWithTypei

如果btnDoSomething控件没有该类型的属性，IDE将会抱怨。这同样适用于此。

键入＆＃39; System.Web.UI.WebControls.Button＆＃39;没有名为＆＃39; i＆＃39;的公共财产

3 个答案: