如何使用“大小”属性？

<select multiple size="8">

检查这个小提琴http://jsfiddle.net/tv8ZT/2/

我能够覆盖元素的默认鼠标滚轮行为select[multiple]以适当地滚动溢出的元素，而无需修改 DOM 结构。

加载 DOM 后：

var selects = document.getElementsByTagName( 'select' );
for( var i = 0, len = selects.length; i < len; ++i )
{
    if( selects[ i ].hasAttribute( 'multiple' ) )
    {
        selects[ i ].onmousewheel = function( event )
        {
            event.preventDefault( );
            this.form.scrollTop -= event.wheelDelta;
        };
    }
}

完全浏览器兼容性可能还有一些额外的要求——比如使用event.detail而不是——event.wheelDelta但就我的目的而言，这就足够了。