bootstrap input file在火狐浏览器中不美观

使用bootstrap 遇到的问题

(1)上传文件控件在火狐中显示不美观

?以下是期望的效果:

?

解决办法:

在页面的onload事件里面判断浏览器的类型,若是火狐浏览器,则修改样式:

 <script type="text/javascript">
        //适配File 在火狐中不美观的问题
        var fileInputAdapt=function(inputFile222){//style="padding-top: 0px; border: none;box-shadow:none"
            var brow=$.browser;
            if(brow.mozilla){//Firefox
                inputFile222.style.border=‘none‘;
                inputFile222.style.boxShadow=‘none‘;
                inputFile222.style.paddingTop=‘0px‘;
            }
        };
 window.onload=function(){
  fileInputAdapt(com.whuang.hsj.$$id(‘exampleInputFile‘));
}
 </script>

?最后在火狐浏览器中的效果:

?

?

(2)下拉框在IE 中不美观

?解决方法:

 //解决每页多少条的下拉框在IE中不美观的问题
        var brow=$.browser;
        if(brow.msie){
            com.whuang.hsj.$$id(‘select22Id‘).style.paddingRight=‘0‘;
        }

?最后的效果:

?

bootstrap input file在火狐浏览器中不美观

原文：http://hw1287789687.iteye.com/blog/2152577