Placeholder rengini değiştirme

Sitenizde kullandığınız input alanlarındaki placeholderların rengini değiştirmek istediğinizde aşağıdaki kodu kullanabilirsiniz.

Bu kod sitenizdeki tüm inputların placeholder rengini değiştirecektir.

input::-moz-placeholder {
  color: #1d1c22;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #1d1c22;
}
input::-webkit-input-placeholder {
  color: #1d1c22;
}

Eğer sadece belli bir class’a ait placeholderları değiştirmek isterseniz de input yerine class ismini de yazabilirsiniz.

Bootstrap kullandığınızı varsayarsak:

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