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

Question

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

我在GridView FooterTemplate中有另一个TextBox。我也将这种风格添加到TextBox中。它工作正常。而CCD_ 11CCD_ 12中的CCD_。

我该如何解决这个问题？

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

这将样式应用于我的页面中的所有文本框。然后我在CCD_ 16中将CCD_ 14添加到CCD_。

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

Answer 2

在模板字段中使用这一行。

ItemStyle HorizontalAlign="Right"