问题描述:
IE6到IE8,Select下拉框宽度无法自适应宽度,当option中的宽度超多select的宽度时,会被截取,如图:
【注】该问题在IE9+、Chrome、FireFox等浏览器中不存在。
解决思路:
- 当鼠标移到select元素时将其宽度置为auto;
- 鼠标移开时恢复为原定宽度。
代码(基于jQuery):
$(function() {
$(".ProductAttributesSelect").mouseover(function() {
$(this).data("origWidth", $(this).css("width")).css("width", "auto");
}).mouseout(function() {
$(this).css("width", $(this).data("origWidth"));
});
});