Jquery Mobile，从复选框组项中删除所选样式

Question

这让我发疯了。我有一个水平字段集控制组的单选按钮。我可以以编程方式检查和取消选中这些，这是有据可查的。我发现，当我通过jquery取消选中时，框没有被选中，但是它周围仍然有一个阴影，令人困惑。

使用：  Jquery Mobile 1.4.5，Jquery 1.11.1，库：fastclick和iscroll

这是我的HTML：

    <fieldset data-role="controlgroup" data-type="horizontal" style="text-align:center;width:100%;" class="radioSet">

        <input type="radio" name="answers" id="answerA" value="A" class="answerRadio">
        <label for="answerA" class="cbLabel">A</label>

        <input type="radio" name="answers" id="answerB" value="B" class="answerRadio">
        <label for="answerB" class="cbLabel">B</label>

        <input type="radio" name="answers" id="answerC" value="C" class="answerRadio">
        <label for="answerC" class="cbLabel">C</label>

        <input type="radio" name="answers" id="answerD" value="D" class="answerRadio">
        <label for="answerD" class="cbLabel">D</label>
</fieldset>

以下是项目在选中时的外观，如预期的那样：

这是我在通过Jquery取消选择之后所指的工件：

我用来取消选择的JS是：

$(".answerRadio").prop('checked', false).checkboxradio('refresh');

我只是想摆脱那个讨厌的背景阴影的事情，但我找不到要操纵的类或元素来摆脱它。

感谢任何帮助。

Answer 1

我怀疑盒子阴影在那里，因为元素仍然是聚焦的，并且有一个:focus选择器应用该样式。取消选中后，尝试对元素进行散焦：

$(".answerRadio").blur()