How to change the style of placeholder-and a particular class?

The website has two forms: registration, login.
Registration is made in dark colors, the authorization light.
In the fields of registration of placeholder should be light, and the authorization of dark.

How do you implement such thing?
June 7th 19 at 14:48
1 answer
June 7th 19 at 14:50
Solution
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;
}
}
}
Not working - Rolando.Vandervort commented on June 7th 19 at 14:53
show your code) - jarrell commented on June 7th 19 at 14:56
Registration(light input, black placeholder)
<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="Password" id="client_password"><br>
 <div class="btn-blue" onclick="reg();">Register</div>
</div>
 </div> 
</div>
 </div> 
</div>


Authorization(dark inputy, light placeholder):
<div id="headerwrap">
 <div class="container">
 <div class="row">
 <div class="col-lg-7">
 <h1 class="fs45 mt50" style="color: #fff">Header</h1>
 <h4 class="fs16" style="color: #fff">Description</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="Password" maxlength="12">
 <div class="btn-blue" onclick="auth();">Login</div>
</div>
 </div> 
</div>
</div>
 </div>
- Rolando.Vandervort commented on June 7th 19 at 14:59
generally hypertext markup language is not only to watch, but stsss. and even better live preview. here is an example I made for you https://codepen.io/northfire/pen/mXoXQR - jarrell commented on June 7th 19 at 15:02

Find more questions by tags CSS