Как изменить стиль placeholder-а у конкретного класса?

Question

[Евгений Петров]

На сайте есть две формы: регистрация, авторизация.
Регистрация выполнена в темных оттенках, авторизация в светлых.
На полях регистрации плэйсхолдер должен быть светлым, а на авторизации темным.

Как можно реализовать такую штуку?

Answer 1

[David Halkin]

input{
    &:-ms-input-placeholder {
        color:#fff;
    }
    &::-moz-placeholder {
        color:#fff;
    }
    &::-webkit-input-placeholder {
       color:#fff;
    }
    &.dark{
    	&:-ms-input-placeholder {
	        color:#000;
	    }
	    &::-moz-placeholder {
	        color:#000;
	    }
	    &::-webkit-input-placeholder {
	       color:#000;
	    }
    }
}

Comments

[Евгений Петров]

Не работает

[David Halkin]

покажите ваш код)

[Евгений Петров]

David Halkin, Регистрация(светлые инпуты, черный плэйсхолдэр)

<div class="reg-page">
	<div class="container">
		<div class="row">
			<div class="col-lg-4 col-lg-offset-2">
				<div class="form">
					<input class="dark" type="text" placeholder="+7" id="client_phone"><br>
					<input class="dark" type="text" placeholder="E-mail" id="client_email"><br>
					<input class="dark" type="password" placeholder="Пароль" id="client_password"><br>
					<div class="btn-blue" onclick="reg();">Зарегистрироваться</div>
				</div>
			</div>					
		</div>
	</div>	
</div>

Авторизация(темные инпуты, светлый плэйсхолдер):

<div id="headerwrap">
		<div class="container">
			<div class="row">
				<div class="col-lg-7">
					<h1 class="fs45 mt50" style="color: #fff">Заголовок</h1>
					<h4 class="fs16" style="color: #fff">Описание</h4>
				</div>
				<div class="col-lg-4 col-lg-offset-1">
					<div class="form">
						<input id="phone" type="text" placeholder="+7" maxlength="12">
						<input id="pass" type="password" placeholder="Пароль" maxlength="12">
						<div class="btn-blue" onclick="auth();">Вход</div>
					</div>
				</div>			
				</div>
		</div>
	</div>

[David Halkin]

Евгений Петров, вообще стоит не только хтмл смотреть, но и сцсс. а ещё лучше живое привью. вот я пример вам сделал https://codepen.io/northfire/pen/mXoXQR