JSFiddle - React, Tailwind, and code Playground

by mamounothman

HTML

<input
      type="text"
      placeholder="Enter name"
      />

CSS

input:placeholder-shown { color: red; }
input::placeholder { color: red; }

JavaScript

let inputEl = document.querySelector('input');
let inputElStyle = window.getComputedStyle(inputEl, ':placeholder');
let resultTarget = document.getElementById('colorResult');
console.log(inputElStyle.getPropertyValue('color'));