Asp.net gridview中asp文本框内的字体图标
我试图在gridview中的asp文本框中包含一个,但它不起作用。我已经尝试过了Asp.net gridview中asp文本框内的字体图标,asp.net,Asp.net,我试图在gridview中的asp文本框中包含一个,但它不起作用。我已经尝试过了 <asp:TextBox ID="modify" runat="server" Text='<i class='icon-edit'></i>'/></asp:TextBox> 标记创建一个html元素。输入元素不能包含其他标记。因此,您要做的是将您的文本放在文本框之后,然后使用css将其移到文本框上方,使其看起来位于文本框的顶部 <asp:TextBox I
<asp:TextBox ID="modify" runat="server" Text='<i class='icon-edit'></i>'/></asp:TextBox>
标记创建一个html元素。输入元素不能包含其他标记。因此,您要做的是将您的文本放在文本框之后,然后使用css将其移到文本框上方,使其看起来位于文本框的顶部
<asp:TextBox ID="modify" runat="server"></asp:TextBox><i class="icon-edit"></i>
这只是一个示例,您需要使用css来获得所需的外观。感谢您发布源代码。如果您可以提供生成的HTML,这将非常有用。请撕碎浏览器收到的HTML代码。您可以在浏览器中使用-view-source选项,也可以使用-inspect-element选项。你能在网格框外显示图标吗?你能在文本属性中尝试class='icon-edit'吗?但是为什么你想在文本中有一个标签呢??
.icon-edit{
content: "\f057";
left: auto;
right: 16px;
padding: 0 3px;
z-index: 2;
position: absolute;
top: 10px;
bottom: 1px;
line-height: 30px;
display: inline-block;
font-size: 16px;
text-align: center;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
<asp:TextBox ID="modify" runat="server"></asp:TextBox><i class="icon-edit"></i>
.icon-edit {
position: absolute;
margin-left: -20px;
}