Html ADF不会更改为CSS:checked状态

我是ADF新手，现在我对使用CSS定制ADF复选框和单选按钮有问题。 下面是一个演示：

`http://jsfiddle.net/sbef2so3/16/`

在JSFIDLE中一切正常，但在ADF状态下不会更改为：checked。 也许有另一种方法可以改变ADF中复选框/单选按钮的状态

---

！重要的。我无法更改HTML代码，因为它是由ADF生成的。

复选框或单选按钮使用哪个组件。我在我的jsf页面中使用了纯HTML标记，添加了CSS代码，并看到了与fiddle相同的输出：

<input type="radio" name="..." value="..." />

这将使用绿色填充

selectBooleanRadio

组件的标签

由于ADF的内部限制，将CSS样式表更改为ADF皮肤是一项非常重要的任务。因此，通过坚持使用简单的CSS解决方案，您可以通过向组件添加

styleClass

使样式正常工作，这可能会通过当前应用程序主题抑制不需要的添加样式：

<af:selectBooleanRadio text="ADF Radio Button" label="Label" styleClass="customRadioButtonComp"/>

---

我想它确实变成了

：选中了
。这可能吗？上帝是好的，当我在jdeveloper11.1.1.7.0中使用这段代码时，它不起作用。当我按下单选按钮时，什么也没发生，它保持不变。
<af:selectBooleanRadio text="ADF Radio Button" label="Label" styleClass="customRadioButtonComp"/>

.customRadioButtonComp input[type="radio"] {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(http://csscheckbox.com/checkboxes/u/csscheckbox_ef32e9f2ed5c57aba4c2206a981ba7a4.png)0px top no-repeat;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */

    -webkit-appearance: none;
    /* Safari and Chrome */
}

.customRadioButtonComp input[type="radio"]:checked {
    background: url(http://csscheckbox.com/checkboxes/u/csscheckbox_ef32e9f2ed5c57aba4c2206a981ba7a4.png)0px bottom no-repeat;
}