Input placeholder in Firefox is visible

[bigchimp]

The input placeholder is visible in Firefox when not in focus

[staticpo]

This issue is still occurring. Any updates?

[subhan-git]

try adding class .has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {opacity:0;}

[jorgevazquezmeli]

Well, acording to https://developer.mozilla.org/en-US/docs/Web/CSS/::-moz-placeholder The -moz-placeholder is in the process of being removed and Firefox 51 and up support the actual placeholder style.

[marsjaninzmarsa]

Should be resolved as outdated I believe, I cannot reproduce in current Firefox.

[liquidsunshine]

Still happens with both the Bootstrap 3 and Bootstrap 4 demo for me. The no-dependencies demo works fine.

[marsjaninzmarsa]

Funny:

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}

(bootstrap.css:2560)

[uschmidt]

Works also with additional

.form-control:not(:focus)::placeholder {
  opacity: 0;
}