asp.net - 如何在 Gridview 处于编辑模式而不是处于编辑模式时控制它的大小？

Question

无论 Gridview 是否处于编辑模式，我都会让我的 Gridview 用户控件处于灰色框架(它的 div 标签)中，我确实使用了 Gridview 的宽度和样式，但它没有用。我该怎么做？

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

Gridview 处于编辑模式时

Gridview 未处于编辑模式时

Answer 1

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

添加 <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 */