asp .net изменение страницы цвет этикетки при установке флажка

Question

Попытка изменить цвет фона метки для флажка, если флажок установлен. Я могу сделать это с помощью этого метода http://jsfiddle.net/CjpmP/, но я могу найти, как это сделать с помощью @ html.checkbox и метки для метода, который мне нужно использовать. Вот что я получил

<style type="text/css"> 
    .checkyoself{ 
     display: none; 
    } 

    .checkyoself:checked + .label1{ 
     background-color: green; 
    } 

    .label1 { 
     width: 240px; 
     height: 140px; 
     margin-right: 5px; 
     margin-left: 5px; 
     margin-top: 5px; 
     margin-bottom: 5px; 
     padding: 5px; 
     color: #ffffff; 
     background-color: #9e00f2; 
     float: left; 
    } 
</style> 


@{ 

    var j = 0; 
    using (Html.BeginForm("GroceryList", "RecipeIngredient", FormMethod.Post)) 
    { 
     for (int i = 0; i < @Model.RecipeItems.Count; i++) 
     { 

      var name = "check_" + j; 
      @Html.CheckBoxFor(itemModel => itemModel.RecipeItems[i].IsChecked, new { id = @name, @class="checkyoself" }) 
      <label for=@name class="label1">@Model.RecipeItems[i].Recipe.Title</label> 
      @Html.HiddenFor(itemModel => itemModel.RecipeItems[i].Recipe.Title) 
      j++; 
     } 
    } 
} 

Answer 1

Попробуйте fiddle, что я сделал:

.check-with-label:checked + .label-for-check { 
    background-color:Red; 
    color:white; 
    border-style:double; 
    } 

Просто используйте свойство границы заниматься цвет фона собственности.