fix placeholder for FF by attaching input and textarea when we call the mixin

2 files changed, 10 insertions, 4 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 23dbd76fc9..e7e2706145 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1232,15 +1232,18 @@ select:focus:required:invalid:focus {
           box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
 }
 
-:-moz-placeholder {
+input:-moz-placeholder,
+textarea:-moz-placeholder {
   color: #999999;
 }
 
-:-ms-input-placeholder {
+input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
   color: #999999;
 }
 
-::-webkit-input-placeholder {
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
   color: #999999;
 }
 
diff --git a/less/forms.less b/less/forms.less
index 1163fe9140..56f215d6cb 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -343,7 +343,10 @@ select:focus:required:invalid {
 }
 
 // Placeholder text gets special styles; can't be bundled together though for some reason
-.placeholder();
+input,
+textarea {
+  .placeholder();
+}