Can I use pseudo elements with checkboxes?

Question

Display that changes in conjunction with the check box I wrote the following code.

But it doesn't work on Firefox or IE 11. It works on Chrome, which one is right for you?

input:before {
  content: 'no';
  position: absolute;
  top: 30px;
  left: 0;
}

input:checked::before {
  content: 'ok';
}

<input type="checkbox" name="cookie">