Question

我试图在gridview中的asp文本框中包含<i></i>，但它无效。我试过这个

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

Answer 1

<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来让事情看起来像你想要的那样。

在gridview中的asp文本框内的字体真棒图标

1 个答案: