如何修改Ext单选框的样式

怎么修改Ext单选框原生的样式，变成这种样子

修改样式呀，ext可以自定义样式的
cls : String
可选的额外的CSS类将被添加到该组件的元素. 这可用于添加自定义样式的成分或任何其子组件使用标准的CSS规则.

Defaults to: ""

overCls : String
当鼠标移到该元素, 一个可选的额外的CSS类将被添加到该组件的元素, 并在鼠标移出后删除. 这可能对添加自定义的 'active' 或者 'hover' 样式的组件有用 或任何其子组件使用标准的CSS规则.

Defaults to: ""

hideMode : String
一个字符串，它指定了这个组件的封装DOM元素会被隐藏. 值可以是:

'display' : 使用 display: none 样式组件将被隐藏.
'visibility' : 使用 visibility: hidden 样式组件将被隐藏.
'offsets' : 组件定位在文档的可见区域之外将被隐藏. 当一个隐藏的组件必须保持可测量的这是有用的. 使用 display 将导致一个 组件不可测.
Defaults to: "display"

extjs radio样式和radio原生控件模拟的，改下样式就行了4.1.1a改成下面的就行了

     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <style>
        .x-form-cb-wrap input{visibility:hidden}
        .x-form-cb-checked label{background:#ff6a00}
    </style>