Javascript IE 11页面加载时下拉宽度增加

Javascript IE 11页面加载时下拉宽度增加,javascript,jquery,html,css,internet-explorer,Javascript,Jquery,Html,Css,Internet Explorer,问题是选择框选项宽度在页面加载时第一次增加。单击其中一个选项时,它将调整为内容的原始长度 我尝试过以下解决方案,但没有一个对我有效。所有其他浏览器的行为都是正确的 选项1:HTML最小/最大宽度 <select id="selectbox" style="min-width: 200px; width: auto;"> <option>Please select delivery address</option> <option>1

问题是选择框选项宽度在页面加载时第一次增加。单击其中一个选项时,它将调整为内容的原始长度

我尝试过以下解决方案,但没有一个对我有效。所有其他浏览器的行为都是正确的

选项1:HTML最小/最大宽度

<select id="selectbox" style="min-width: 200px; width: auto;">
    <option>Please select delivery address</option>
    <option>1212 Long long address</option>
</select>
这就是问题所在,选项宽度比内容大:

如果选中该选项或单击“外部”并在下拉列表中单击“上一步”,则更改为“正常”

我已经核对了这些答案

-这个和我想要的正好相反


-尝试了这个,但没有成功。

在JSFIDLE和IE中尝试相同的代码时,是否可以使用snippet或JSFIDLE共享准确的代码和输出。然后我在我的代码中做了更多的研究,一个接一个地删除HTML代码。我发现问题在于页面中的前一个表单(隐藏在DOM中)关注页面加载。添加显示:无以形成标签,焦点以下拉方式显示,解决了此问题。感谢您的帮助。在JSFIDLE和IE中尝试相同的代码时,您是否可以使用snippet或JSFIDLE共享确切的代码和输出?它工作正常。然后我在我的代码中做了更多的研究,一个接一个地删除HTML代码。我发现问题在于页面中的前一个表单(隐藏在DOM中)关注页面加载。添加显示:无以形成标签,焦点以下拉方式显示,解决了此问题。谢谢你的帮助。
var d = document.getElementById("selectbox");
d.style.width = "auto";