How to select input::placeholder using JS? [duplicate]

Question

I have this CSS: input::placeholder {font-size: 30px}

and I trying to change input placeholder CSS in JS

var inputPlaceholder = document.querySelector("input::placeholder");
inputPlaceholder.style.fontSize = "5px";

but console returns Uncaught TypeError: Cannot read property 'style' of null.

How to to change input placeholder CSS in the right way?

Kunvar Singh · Accepted Answer · 2017-09-08 16:14:08Z

0

Try For This:

<input type="text" style="font-size: 30px" placeholder="Here." id="new"/>

var inputPlaceholder = document.getElementById('new');
inputPlaceholder.style.fontSize = "5px";

answered Sep 8, 2017 at 16:14

Kunvar Singh

1,8852 gold badges16 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to select input::placeholder using JS? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related