Question

我在TextBox GridView中有一个ItemTemplate。我使用css为其添加了CssClass="txtboxAlignRight"样式。但是当我运行我的页面时，不会应用样式。

我在TextBox GridView中有另一个FooterTemplate。我也将此样式添加到TextBox。它运作正常。但TextBox GridView中的ItemTemplate未应用此款式。

我该如何解决这个问题？

的CSS

.txtboxAlignRight
{    
    text-align: right;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;         

}

aspx页面

<ItemTemplate>
    <asp:TextBox ID="txt_cc" Width="150" runat="server" Text='<%# Bind("COUNT") %>'
        CssClass="txtboxAlignRight"></asp:TextBox>
</ItemTemplate>

Answer 1

我已将以下代码添加到我的css文件中。

input[type="text"]
{   
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
}

这会将样式应用于我页面中的所有文本框。然后我在Style="text-align: right"中将TextBox添加到ItemTemplate。

<ItemTemplate>
    <asp:TextBox ID="txt_cc" Width="150" runat="server" Text='<%# Bind("COUNT") %>'
        Style="text-align: right"></asp:TextBox>
</ItemTemplate>

Answer 2

在模板字段中使用此行。

<强> ItemStyle-HorizontalAlign = “右”

CSS样式不适用于GridView ItemTemplate中的TextBox

2 个答案: