JSFiddle - React, Tailwind, and code Playground

by willemvb

HTML

<input class=input-works placeholder="this works in Safari">
    
<input class=input-doesnt placeholder="this doesn't">

CSS

.input-works::-webkit-input-placeholder,
.input-doesnt::-webkit-input-placeholder{
  color: blue;
}

.input-works:focus::-webkit-input-placeholder{
  color: transparent;
}

.input-doesnt::-webkit-input-placeholder:focus{
  color: transparent;
}