JSFiddle - React, Tailwind, and code Playground

by Liu ChangFeng

HTML

<input placeholder="hello world" />

CSS

input {
  font-size: 20px;
  padding: 5px 10px;
}

input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #909;
  font-size: 15px;
}

input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #909;
  font-size: 15px;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #909;
  font-size: 15px;
}

input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #909;
  font-size: 15px;
}

input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #909;
  font-size: 15px;
}