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/

私は初心者のプログラマーであり、何か助けていただければ幸いです。すべての助けを前もって感謝します。