javascript - 如何从 0 迭代到 10，我需要更改单选按钮颜色，第一个 0-6 是红色，7-8 是黄色，9-100 是绿色？

Question

我需要保持 0-6 为红色，7-8 为黄色，9-10 为绿色的单选按钮颜色。如何解决？我无法更改现有的引导颜色..

 <s:iterator begin="0" end="10" var="i">
     <li class="rating list-group-item ratingAlign list${i}" style="line-height:8px;">
           <p style="color:red;">${i}</p><br/>
                    <input type="radio" id="initialSetupRating${i}"  name="initialSetup.rating" value="${i}" onclick="changeColor(initialSetupRating${i})"/>
            </li>
    </s:iterator>

它正在调用现有的引导程序，所以我无法更改它。我在下面附加了引导程序 css。如何根据我的期望覆盖和保持颜色。

input[type="radio"], input[type="checkbox"] {
    /* margin: 4px 0 0; */
    margin-top: 1px \9;
    /* line-height: normal; */
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

标签： javascriptcssstruts2