Edit in JSFiddle

<input placeholder="Checkout the placeholder" class="">

input{
  padding:4px 8px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #bababa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bababa;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bababa;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #bababa;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #bababa;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #bababa;
}