使用MoSync 3.3.1在移动设备上获得5星评级

Question

我被要求建立5星评级原型。我搜索了谷歌，它在网站上工作正常，但当我尝试将其集成到Mo-sync 3.3.1时，它失败了。

当我对它进行几次评级时，评级将会混乱。例如，如果我给出5颗星，则可能不会突出显示第2颗和第4颗星，但会突出显示其余星形。我使用HTML代码进行处理并将其集成到Mo-sync中。

    .rating:hover .rating-star:hover,
    .rating:hover .rating-star:hover ~ .rating-star,
    .rating-input:checked ~ .rating-star 
    {
     background-position: 0 0;
    }


    .rating-star,
    .rating:hover .rating-star 
    {
    position: relative;
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    background: url('http://kubyshkin.ru/samples/star-rating/star.png') 0 -16px;
    }

代码是我认为问题所在的部分。是否有任何方式来刷新＆＃39;我做过一次评级后的CSS？小提琴是它的完整代码。 http://jsfiddle.net/ghvNn/531/

我只是一个新手程序员，我会感激任何帮助。提前感谢所有的帮助。