How to style the placeholder in html

Question

I have used the following code for modifying the default styles of placeholder. but still ther are no modifications. the code is

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: pink; } ::-moz-placeholder { /* Firefox 19+ */ color: pink; } :-ms-input-placeholder { /* IE 10+ */ color: pink; } :-moz-placeholder { /* Firefox 18- */ color: pink; }

Answer 1

strange it works fine for me ,how about showing me your code

https://code.sololearn.com/WevG5aY9PjfU/?ref=app

Answer 2

please show us your code so we can help you if there's a error in it ,if you don't it's hard for us to help you ......

Answer 3

how about you try this

input::placeholder {
color: red;
}

Answer 4

@Leon your code works on my side.

Answer 5

I have tried that but no change

Answer 6

Have a look here. This should help explain things.

https://css-tricks.com/almanac/selectors/p/placeholder/

Answer 7

thank u