ASP WebForms DropDownList在IE7上的奇怪行为

Question

我在登录页面的ASP Webforms中构建页面我有一个下拉列表，它在Chrome，Firefox和IE Edge上工作正常但是当我在IE7中更改为兼容模式时单击表单移动后的异化行为，然后单击另一侧返回其原始位置。

点击

后

这是下拉列表的

<div>
   <asp:DropDownList ID="_ddlLocation" runat="server" Style="margin-top: 5px; color: rgb(175, 175, 175); font-size: 20px; text-align: center;">
    <asp:ListItem>Location</asp:ListItem>
   </asp:DropDownList>
</div>

这是他们的CSS

.loginContainer .login select {
    *margin-left: -10px !important;
}
.loginContainer .login select {
    width: 180px;
    color:#898883;
    font-size: 24px;
}
.loginContainer .login input[type=text], .loginContainer .login input[type=password], .loginContainer .login select {
   height: 40px;
   border: 1px solid #979797;
   font-size: 18px;
   font-weight:lighter;
   color: #36333D;
   width:99.8%;
   margin-top:15px;
   line-height:40px
}

Answer 1

感谢您的回答，但我检查了机器人状态，并没有区别，我发现父div使用溢出：自动，只是在IE7中给出错误我删除了属性，现在它正在工作