Cтилизация placeholder

Frontend developer
1

Всем привет!
Cтилизация placeholder происходит таким образом , как я понимаю:
::-webkit-input-placeholder{color:green;}
::-moz-placeholder {color:green;}
:-ms-input-placeholder {color:green;}
НО , как быть , если у меня несколько placeholder на одной странице, ведь это применяется ко всем !?

2

Если вы перед псевдоэлементом укажите селектор то тогда сможете сокартить область на которую будет действовать правило

Например, следующее правило будет оформлять только элементы с классом colored-placeholder

<style>
        .colored-placeholder::-webkit-input-placeholder {
            color: green;
        }
</style>

<input class="colored-placeholder" type="text" placeholder="text1"> - текст будет зеленым
<input type="text" placeholder="text2"> - тут будет стандартным