asp.net - CSS 样式不适用于 GridView ItemTemplate 中的 TextBox

Question

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

我在 GridView FooterTemplate 中有另一个 TextBox。我也将这种样式添加到 TextBox 中。它工作正常。但是 GridView ItemTemplate 中的 TextBox 没有应用这种样式。

我该如何解决这个问题？

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

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

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