Angular JS 文件上传按钮覆盖问题

在文件上传中，如果使用<input type="file"> 会出现如图的效果：，按钮上的“选取文件” 字是无法改变的，这样会比较丑，可以选择如下的效果：

<div ng-controller="form-ctrl">
     <form>
         <button ng-click="selectFile()">Upload Your File</button>
         <input type="file" style="display:none" id="file" name='file' />
     </form>  
</div>

<script>
   var DemoModule = angular.module("Demo",[]);
   DemoModule .controller("form-ctrl",function($scope){
   $scope.selectFile = function()
   {
        $("#file").click();
   }
});
</script>