下拉宽度在IE中自动增加11

我有一个下拉列表和放置在它旁边的文本框。当我在文本框上点击第一个字母而不输入任何字母，然后点击下拉菜单（您的直接点击应该只在下拉菜单上，而不是在表单上的其他位置）。此时我可以看到下拉的宽度增加并悬停在文本框中。我需要避免这样做，并保持相同的下拉宽度。这个问题在IE 11下拉宽度在IE中自动增加11

只发生在这里是我的代码

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
}); 
</script> 
</head> 
<body> 


<select name="SearchScope" title="Search Scope" id="idSearchScope" style="width: 200px !important"> 
    <option value="/locator.aspx?name=Common.Search.Global.MainPage">All of these words</option> 
    <option value="/locator.aspx?name=Common.Search.Global.MainPage">Any of these words</option> 
</select> 
<input type="text" style="width: 200px" value="" placeholder="Enter text to search"><br><br> 

</body> 
</html>

注：当我删除占位形成文字我不觉得这是问题。是否有任何解决方法可以保持相同的下拉宽度。点击文本框上的第一个和下一个下拉列表中的文本框，然后删除占位符？

来源

2015-04-14 Sanju Rao

-1

</head>之前加入这个CSS代码：

<style> 
    #idSearchScope option{ width: 200px !important; } 
</style>

这是因为要控制选项的宽度。

来源

2015-04-14 21:35:58

解释下投票请这样我就可以查看或编辑我的答案。 –

CSS规则没有引号和样式等。{style =“width：200px！important”} - > {width：200px！important; } –

哦，哇，我没看到那个!!!!! ...谢谢，现在就去编辑！ OK完成！ –

这个post的答案为我解决了这个问题。引用meeebee，

添加onmousedown属性，并使其专注于选择下拉列表，使其从输入框中失去焦点。出于某种原因，在访问该选择之前关注输入会导致此错误。

<select onmousedown="$(this).focus()">

来源

2016-04-18 01:32:48

下拉宽度在IE中自动增加11

回答

相关问题