изменения CSS через JQuery

Question

У меня есть этот код в CSS:

input.checkmark[type=checkbox] + label:before { 
    content:"\f096"; 
    transform: scale(2); 
    color:white; 
} 

Затем я использовал его в качестве такового в HTML:

<div class="checkmark"> 
    <input class="checkmark" id="box1" type="checkbox" /> 
    <label for="box1" style="color:white">&nbsp;&nbsp;test test test 
    <span style="font-weight:bold !important; font-size:18px" class="thisChild"> 
    </span> 
    </label> 
</div> 

Я хотел бы изменить цвет с помощью JQuery, но ничего, кажется, Работа. Я пробовал:

$("#box1").css("color", "gray"); 

Как это сделать?

Answer 1

Вы делаете правильно, но как таковой не существует свойство цвета для

Не забудьте обернуть свой код в DOM Ready

$(function(){ 

    $("#box1").css({"margin-left":"100px"}); 

}); 

Fiddle