Изменение цвета ярлыка в простой форме

Question

Как изменить цвет метки поля в Простой форме? Теперь он черный, но я хочу, чтобы он был белым. Я использую scss. Я попробовал этот код ниже, но это не работает:

label { 
    float: left; 
    width: 100px; 
    text-align: right; 
    margin: 2px 10px; 
    color: #ffffff; 

    } 

и HTML вывода поля

<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="user@domain.com" type="email" value="test@gmail.com" name="user[email]" id="user_email"></div> 

Answer 1

Это из-за CSS specificity. Но, from the documentation's example, каждый label имеет control-label класс, так что стиль это вместо:

.control-label{ 
    color: white !important; // some color 
} 

Answer 2

попробуйте добавить отдельный класс для label, а затем добавить css для этого класса

Пример:

имя добавить класс как label-style, а затем добавить стиль, как показано ниже

.label-style{ 
    color: white; 
} 

Надеюсь, что это поможет :)