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

Question

我有TextBox一个GridView ItemTemplate。我css使用CssClass="txtboxAlignRight". 但是当我运行我的页面时，没有应用样式。

我TextBox在GridView FooterTemplate. 我也添加了这种风格TextBox。它工作正常。但TextBoxin GridView ItemTemplate没有应用这种风格。

我该如何解决这个问题？

CSS

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

}

页面

<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-Horizo​​ntalAlign="右"