字体真棒图标的GridView

我想包括在GridView中的asp文本框内部的<i></i>但它不是working.I已经尝试了本字体真棒图标的GridView

<asp:TextBox ID="modify" runat="server" Text='<i class='icon-edit'></i>'/></asp:TextBox>

，我也尝试过

<asp:TextBox ID="modify" runat="server"><i class="icon-edit"></i></asp:TextBox>

任何想法？

我知道，我已经尝试了所有，但我不能看到图标。我想在gridview文本框中包含字体棒图标。

我只使用过这个类。

.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; 
}

来源

2015-05-01 Ramya

你可以试试< class ='icon-edit'> in text attribute？但为什么你想在文本里面有一个标签？ – Sushil

感谢发布源代码。如果您可以提供生成的HTML，这将会很有帮助。请删除浏览器收到的HTML代码。您可以使用 - 在浏览器中查看源选项， - 检查元素选项。你能够在网格框外显示图标吗？ –

<asp:TextBox />标记创建一个<input type="text" /> html元素。 input元素不能包含额外的标记。所以你想要做的是把你的<i>放在文本框后面，然后用css移动它，使它看起来位于文本框的顶部。

<asp:TextBox ID="modify" runat="server"></asp:TextBox><i class="icon-edit"></i>

然后CSS：

.icon-edit { 
    position: absolute; 
    margin-left: -20px; 
}

这只是一个例子，你需要玩的CSS把事情找你想要的方式。

来源

2015-05-04 14:20:04

字体真棒图标的GridView

回答

相关问题