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

Question

我被要求建立一个原型 5 星评级。我在 Google 上搜索，它在网站上运行良好，但是当我尝试将它集成到 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;
    }

代码是我认为问题所在的部分。在我完成一次评级后，有什么方法可以“刷新”css？小提琴是它的完整代码。http://jsfiddle.net/ghvNn/531/

我只是一个新手程序员，我将不胜感激。提前感谢所有帮助。