firefox下input type="file"的size是多大[原]

firefox对type="file" 的input的width定义目前是不支持的，但是FF支持size属性，可以给size设置一个值，来控制上传框的大小。

但是这个size值怎么设置，size="10"是多宽，默认值又是多少，不能光凭感觉去设置。 用脚本来查看下：

 

     < script type = " text/javascript " >
        $( function () {
             var  fileArray  =  [];
             var  i  =   0 ;
             while  (i  <   100 ) {
                fileArray.push(i  +   " :<input type='file' size=' "   +  i  +   " ' /><br /> " );
                i ++ ;
            }
            document.write(fileArray.join( "" ));
            $( " input:file " ).each( function () { $( this ).after( " <b> "   +  $( this ).width()  +   " </b> " ) });
            });
     < / script>

在火狐下得到这样的结果：

 

发现了一定的规律，默认为208像素，size="1"时为85像素，每个size之间相差6.5个像素的宽度，所以我们可以动态的设定size的值，如：

  if  ($.browser.mozilla) { $( this ).attr( " size " ,  1   +  (options.WrapWidth  -   85 )  /   6.5 ) }

 感谢你留言，转载请声明出处（http://www.cnblogs.com/flowerszhong）;

转载于:https://www.cnblogs.com/flowerszhong/archive/2011/06/08/2075028.html