How can I change the color of a field's label in Simple Form? Now it's black but I want it to be white.. I'm using scss. I tried this code below but it's not working:
label {
float: left;
width: 100px;
text-align: right;
margin: 2px 10px;
color: #ffffff;
}
and html output of the field
<div class="form-group email optional user_email"><label class="email optional control-label" for="user_email">Email</label><input class="string email optional form-control" placeholder="[email protected]" type="email" value="[email protected]" name="user[email]" id="user_email"></div>
That's because of the CSS specificity. But, from the documentation's example, every label
has the control-label
class, so style it instead:
.control-label{
color: white !important; // some color
}