Pseudo element content applies to certain input types

Here is a demo of which input types can support the rendering of pseudocontent; in this case, the ::before pseudoelement was used.

by David Partyka

HTML

<input id=button type=button value=button>
<label for=button>Type: button</label>
<br><br>
<input id=checkbox type=checkbox>
<label for=checkbox>Type: checkbox</label>
<br><br>
<input id=color type=color>
<label for=color>Type: color</label>
<br><br>
<input id=date type=date>
<label for=date>Type: date</label>
<br><br>
<input id=datetime-local type=datetime-local>
<label for=datetime-local>Type: datetime-local</label>
<br><br>
<input id=email type=email>
<label for=email>Type: email</label>
<br><br>
<input id=file type=file>
<label for=file>Type: file</label>
<br><br>
<input id=hidden type=hidden>
<label for=hidden>Type: hidden</label>
<br><br>
<input id=image type=image>
<label for=image>Type: image</label>
<br><br>
<input id=month type=month>
<label for=month>Type: month</label>
<br><br>
<input id=number type=number>
<label for=number>Type: number</label>
<br><br>
<input id=password type=password>
<label for=password>Type: password</label>
<br><br>
<input id=radio type=radio>
<label for=radio>Type: radio</label>
<br><br>
<input id=range type=range>
<label for=range>Type: range</label>
<br><br>
<input id=reset type=reset>
<label for=reset>Type: reset</label>
<br><br>
<input id=search type=search>
<label for=search>Type: search</label>
<br><br>
<input id=submit type=submit>
<label for=submit>Type: search</label>
<br><br>
<input id=tel type=tel>
<label for=tel>Type: tel</label>
<br><br>
<input id=text type=text>
<label for=text>Type: text</label>
<br><br>
<input id=time type=time>
<label for=time>Type: time</label>
<br><br>
<input id=url type=url>
<label for=url>Type: url</label>
<br><br>
<input id=week type=week>
<label for=week>Type: week</label>

CSS

input {
  width: 500px
}
input::before {
  content: "Pseudo-element content!!!";
  color: red;
  font-size: 20px
}
label {
  display:block
}