问题是页面加载时第一次选择框选项宽度增加。单击其中一个选项时,它会调整为原始内容长度。
我尝试过以下解决方案,但它们都不适用于我。所有其他浏览器的行为都是正确的。
选项1:HTML最小/最大宽度
<select id="selectbox" style="min-width: 200px; width: auto;">
<option>Please select delivery address</option>
<option>1212 Long long address</option>
</select>
选项2:Window onload - 设置style.width
var d = document.getElementById("selectbox");
d.style.width = "auto";
如果选择了该选项,则更改为正常,或者单击外部并单击返回下拉列表
我已经检查了这些答案。
Drop Down width increases automatically in IE 11 - 这与我想要的相反。
http://www.jquerybyexample.net/2012/05/fix-for-ie-select-dropdown-with-fixed.html - 试过这个,但没有用。