Javascript 在IE 11中下拉宽度自动增加_Javascript_Jquery_Css_Asp.net_Html

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

javascript jquery css asp.net html

Javascript 在IE 11中下拉宽度自动增加,javascript,jquery,css,asp.net,html,Javascript,Jquery,Css,Asp.net,Html,我有一个下拉列表和文本框放在它旁边。当我先单击文本框而不键入任何字母，然后单击下拉菜单时，您的直接单击应该仅在下拉菜单上，而不是表单上的其他位置。此时，我可以看到下拉列表的宽度增加，并将文本框悬停。我需要避免这样做，并保持下拉列表的宽度不变。这个问题只发生在IE11中这是我的密码 <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/

我有一个下拉列表和文本框放在它旁边。当我先单击文本框而不键入任何字母，然后单击下拉菜单时，您的直接单击应该仅在下拉菜单上，而不是表单上的其他位置。此时，我可以看到下拉列表的宽度增加，并将文本框悬停。我需要避免这样做，并保持下拉列表的宽度不变。这个问题只发生在IE11中

这是我的密码

<!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>

注意：当我从文本中删除占位符时，我没有发现这个问题。在如何保持下拉列表的相同宽度方面，是否有任何解决方法。在没有移除文本框的占位符的情况下，先单击文本框，然后单击下拉列表

在以下内容之前添加此CSS代码：

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

这篇文章的答案为我解决了这个问题。引用

添加onmousedown属性，并将其焦点放在select下拉列表上，使其从输入框中失去焦点。由于某些原因，在访问导致此错误的select之前，请先关注输入

请解释否决票，以便我可以查看或编辑我的答案。CSS规则没有引号和样式等。{style=width:200px！important}->{width:200px！important；}噢，哇，我没有看到这一点。。。谢谢，现在开始编辑！好的，完成了！

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