2

在我的项目中，表单中的每个select字段都需要有一个固定的css最大宽度，在悬停时宽度会增加到一个新的、固定的max-width并且仍然像普通select字段一样起作用。

CSS：

select { max-width: 200px; }

jQuery：

$(document).ready(function(){
    $("select").hover( function() {
        $(this).css('max-width','395px');
    }, function() {
        $(this).css('max-width','200px');
    });
});

除了在 IE（任何版本）中之外，这一切都可以按照要求正常工作，因为该字段最初会增加宽度，但单击时会立即打开然后关闭出现的选项。

我相信这是因为hoverout在 IE 中触发了该功能，触发了最大宽度更改，并且由于某种原因认为选择不应再处于单击状态。

我的问题是我怎样才能让这个功能也能在 IE 中工作？

小提琴：http: //jsfiddle.net/tet5m/

4

0 回答 0