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

我有一个下拉列表和旁边的文本框。 当我首先单击文本框而不键入任何字母时，然后单击下拉列表（您的立即点击应仅在下拉列表中，而不是在表单上的其他位置）。 这时我可以看到下拉的宽度增加并hover在文本框中。 我需要避免这样做，并保持相同的下拉宽度。 此问题仅在IE 11中发生

这是我的代码

     $(document).ready(function(){ });     All of these words Any of these words  

   

注意：当我从文本中删除占位符时，我没有发现此问题。 关于如何保持下拉的相同宽度有任何解决方法吗？ 首先单击文本框，然后单击下拉列表，而不删除文本框的占位符？

Answer 1

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

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

Answer 2

在之前添加此CSS代码：

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