为什么我不能在ASP.net中编辑dropdownlist的位置？

Question

使用Visual Studio时，我无法在asp.net中的源代码视图中编辑dropdownlist控件“ Top”字段（突出显示为棕色）：

我可以编辑下面的图像控件！

        <asp:DropDownList ID="DropDownList1" runat="server" 
            DataSourceID="SqlDataSource1" DataTextField="AccountIdent" 
            DataValueField="AccountIdent"           
            style="top: 102px; left: 0px; position: absolute; height: 24px; width: 114px; z-index: 1;">
        </asp:DropDownList>

        <asp:Image ID="Image3" runat="server"             
        style="top: 0px; left: 0px; position: absolute; height: 23px; width: 47px" />

为什么是这样？

Answer 1

我认为发生这种情况是因为asp:Image将生成单个标签<img/> ，而下拉列表将生成更多标签。

您应该使用CssClasses，如果您不想将其放在另一个文件中，则可以在页面中使用它（在其他文件中维护css总是一个好主意），例如：

<style type="text/css">
  .drop{
     top: 102px; left: 0px; position: absolute; height: 24px; width: 114px; z-index: 1;
  }
  .image{
     top: 0px; left: 0px; position: absolute; height: 23px; width: 47px
  }
</style>

<asp:DropDownList ID="DropDownList1" runat="server" 
                DataSourceID="SqlDataSource1" DataTextField="AccountIdent" 
                DataValueField="AccountIdent" CssClass="drop">
            </asp:DropDownList>

            <asp:Image ID="Image3" runat="server" CssClass="image"/>

Answer 2

DropdownList没有Style属性，这就是为什么你不能设置it.For解决方案创建一个CSS类的属性和设置cssClass的dropdownList的那类

喜欢

<style>
    .anyname {
        top: 102px; left: 0px; position: absolute; height: 24px; width: 114px; z-index: 1;
    }
</style>

并在下拉列表中

  <asp:DropDownList ID="DropDownList1" runat="server" 
            DataSourceID="SqlDataSource1" DataTextField="AccountIdent" 
            DataValueField="AccountIdent"  CssClass="anyname">         
        </asp:DropDownList>