Override bootstrap-table проверен цвет фона строки

Question

Я использую jQuery bootstrap-table plugin, и мне нужно изменить цвет проверенной строки и восстановить исходный цвет при снятии флажка. Эта скрипта https://jsfiddle.net/1yvr1kun/4/ показывает, как это сделать, когда событие является щелчком. Я попытался реализовать идею в событии проверки, но проверенные строки не подсвечиваются в заданном цвете. Вот моя скрипка http://jsfiddle.net/amotha/e3nk137y/9186/ Как я могу сделать, чтобы изменения произошли в проверенных строках и наоборот, если они не отмечены?

HTML:

<table id="table" data-toggle="table" 
     data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/" 
     data-click-to-select="true" 
     data-single-select="false"> 
    <thead> 
    <tr> 
     <th data-field="state" data-checkbox="true"></th> 
     <th data-field="name">Name</th> 
     <th data-field="stargazers_count">Stars</th> 
     <th data-field="forks_count">Forks</th> 
     <th data-field="description">Description</th> 
    </tr> 
    </thead> 
</table> 

JS:

$('#table').on('click-row.bs.table', function (e, row, $element) { 
     $('.success').removeClass('success'); 
     $($element).addClass('success'); 
}); 

CSS:

.success td{ 
    background-color:red !important; 
} 

Answer 1

Просто измените имя класса на CSS

.success td{ 
    background-color:red !important; 
} 

.selected td{ 
    background-color:#b1d54f !important; 
} 

http://jsfiddle.net/e3nk137y/9196/