当Gridview处于编辑模式和非编辑模式时如何控制Gridview的大小？

我会让我的 Gridview 用户控件处于灰色框架（其 div 标签）中，无论 Gridview 是否处于编辑模式，我确实使用了 Gridview 的宽度和样式，但它不起作用。 我该怎么做呢？

.GridViewStyle
{
 /*It didn't work*/
 width:50%;
}

Gridview when its in edit mode

Gridview when its not in edit mode

问题肯定是尺寸<input />处于编辑模式时的文本框

Add the <EditRowStyle>元素到您的 gridview 为编辑行提供 CSS 类

<asp:GridView ID="GridView1" runat="server">
    ...
    <EditRowStyle CssClass="GridViewEditRow" /> <%-- add this --%>
</asp:GridView>

现在您可以使用 CSS 控制文本框的大小

.GridViewEditRow input[type=text] {width:50px;} /* size textboxes */
.GridViewEditRow select {width:50px;} /* size drop down lists */