From 63c95c99f1652e306b5a2ff00cc32a8ec5b97802 Mon Sep 17 00:00:00 2001
From: ysds <ysds.code@gmail.com>
Date: Fri, 29 Dec 2017 14:10:29 +0900
Subject: [PATCH] Apply of #25068 to input group

---
 docs/4.0/components/input-group.md | 32 +++++++++++++++---------------
 scss/_input-group.scss             |  8 ++++----
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/docs/4.0/components/input-group.md b/docs/4.0/components/input-group.md
index 3d866d95500b..cd5d5bdfde06 100644
--- a/docs/4.0/components/input-group.md
+++ b/docs/4.0/components/input-group.md
@@ -300,17 +300,17 @@ Input groups include support for custom selects and custom file inputs. Browser
   <div class="input-group-prepend">
     <span class="input-group-text">Upload</span>
   </div>
-  <label class="custom-file">
-    <input type="file" id="inputGroupFile01" class="custom-file-input" required>
-    <span class="custom-file-control"></span>
-  </label>
+  <div class="custom-file">
+    <input type="file" class="custom-file-input" id="inputGroupFile01">
+    <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
+  </div>
 </div>
 
 <div class="input-group mb-3">
-  <label class="custom-file">
-    <input type="file" id="inputGroupFile02" class="custom-file-input" required>
-    <span class="custom-file-control"></span>
-  </label>
+  <div class="custom-file">
+    <input type="file" class="custom-file-input" id="inputGroupFile02">
+    <label class="custom-file-label" for="inputGroupFile02">Choose file</label>
+  </div>
   <div class="input-group-append">
     <span class="input-group-text" id="">Upload</span>
   </div>
@@ -320,17 +320,17 @@ Input groups include support for custom selects and custom file inputs. Browser
   <div class="input-group-prepend">
     <button class="btn btn-outline-secondary" type="button">Button</button>
   </div>
-  <label class="custom-file">
-    <input type="file" id="inputGroupFile03" class="custom-file-input" required>
-    <span class="custom-file-control"></span>
-  </label>
+  <div class="custom-file">
+    <input type="file" class="custom-file-input" id="inputGroupFile03">
+    <label class="custom-file-label" for="inputGroupFile03">Choose file</label>
+  </div>
 </div>
 
 <div class="input-group">
-  <label class="custom-file">
-    <input type="file" id="inputGroupFile04" class="custom-file-input" required>
-    <span class="custom-file-control"></span>
-  </label>
+  <div class="custom-file">
+    <input type="file" class="custom-file-input" id="inputGroupFile04">
+    <label class="custom-file-label" for="inputGroupFile04">Choose file</label>
+  </div>
   <div class="input-group-append">
     <button class="btn btn-outline-secondary" type="button">Button</button>
   </div>
diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 7ef0267cc386..df950fb5cb34 100644
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -43,10 +43,10 @@
     display: flex;
     align-items: center;
 
-    &:not(:last-child) .custom-file-control,
-    &:not(:last-child) .custom-file-control::before { @include border-right-radius(0); }
-    &:not(:first-child) .custom-file-control,
-    &:not(:first-child) .custom-file-control::before { @include border-left-radius(0); }
+    &:not(:last-child) .custom-file-label,
+    &:not(:last-child) .custom-file-label::before { @include border-right-radius(0); }
+    &:not(:first-child) .custom-file-label,
+    &:not(:first-child) .custom-file-label::before { @include border-left-radius(0); }
   }
 }