From a194f9c9c80289612e033667076a1954e8f27b86 Mon Sep 17 00:00:00 2001
From: lianyue <admin@lianyue.org>
Date: Thu, 13 Sep 2018 11:51:04 +0800
Subject: [PATCH] fix #225 #210

---
 src/FileUpload.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/FileUpload.vue b/src/FileUpload.vue
index 31ab1a3..1858d8e 100644
--- a/src/FileUpload.vue
+++ b/src/FileUpload.vue
@@ -1,8 +1,9 @@
 <template>
-  <label :class="className">
+  <span :class="className">
     <slot></slot>
+    <label :for="inputId || name"></label>
     <input-file></input-file>
-  </label>
+  </span>
 </template>
 <style>
 .file-uploads {
@@ -11,7 +12,7 @@
   text-align: center;
   display: inline-block;
 }
-.file-uploads.file-uploads-html4 input[type="file"] {
+.file-uploads.file-uploads-html4 input[type="file"], .file-uploads.file-uploads-html5 label {
   opacity: 0;
   font-size: 20em;
   z-index: 1;
@@ -23,7 +24,7 @@
   width: 100%;
   height: 100%;
 }
-.file-uploads.file-uploads-html5 input[type="file"] {
+.file-uploads.file-uploads-html5 input[type="file"], .file-uploads.file-uploads-html4 label {
   overflow: hidden;
   position: fixed;
   width: 1px;