/ Bug

IE 6/7 BUG:下拉框select设宽度时option超出显示不全

问题如下图:

解决思路:

  1. 当鼠标移到select元素时将其宽度置为auto;
  2. 鼠标移开时恢复为原定宽度。

代码(基于jQuery):

$(function() {
 $(".ProductAttributesSelect")
     .mouseover(function(){
         $(this)
             .data("origWidth", $(this).css("width"))
             .css("width", "auto");
     })
     .mouseout(function(){
         $(this).css("width", $(this).data("origWidth"));
     });
});

英文雅虎的注册页面有DEMO,童鞋们可以去围观下,O(∩_∩)O~

简译自:Select Cuts Off Options In IE (Fix)