diff --git a/css/AdminLTE.css b/css/AdminLTE.css
index ab926489ddad0a979eb3f8657566ed98fbdd14bf..cbb95dc35ef2ee95f09c47a9edfb647463209a4e 100755
--- a/css/AdminLTE.css
+++ b/css/AdminLTE.css
@@ -1952,18 +1952,22 @@ Component: timeline
 }
 .btn.btn-file {
   position: relative;
-  width: 120px;
-  height: 35px;
   overflow: hidden;
 }
 .btn.btn-file > input[type='file'] {
-  display: block !important;
-  width: 100% !important;
-  height: 35px !important;
-  opacity: 0 !important;
   position: absolute;
-  top: -10px;
-  cursor: pointer;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  outline: none;
+  background: white;
+  cursor: inherit;
+  display: block;
 }
 .btn.btn-app {
   position: relative;
diff --git a/less/buttons.less b/less/buttons.less
index 78a542a43ffecd683f2412dc03057aa040f9ef56..7128fce4b0ebd36eb7d84a22a142aec29f4916c7 100755
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -82,17 +82,21 @@
     // input file btn 
     &.btn-file {
         position: relative;
-        width: 120px;
-        height: 35px;
         overflow: hidden;
         > input[type='file'] {
-            display: block !important;
-            width: 100% !important;
-            height: 35px !important;
-            opacity: 0 !important;
             position: absolute;
-            top: -10px;
-            cursor: pointer;
+            top: 0;
+            right: 0;
+            min-width: 100%;
+            min-height: 100%;
+            font-size: 100px;
+            text-align: right;
+            filter: alpha(opacity=0);
+            opacity: 0;
+            outline: none;
+            background: white;
+            cursor: inherit;
+            display: block;
         }
     }
 
@@ -172,4 +176,4 @@
         .border-radius(50%);
     }
 
-}
\ No newline at end of file
+}