1.下载你要的单选按钮图标（假如文件名为xiala.png）

2.写一个css文件（假如文件名为test1.css）,内容如下【url里面的文件名换成你的图标文件名】

/* 1.定义单选按钮 */

.fr-radio-radioon {

    width: 100%;

    height: 7px;

    font-size: 7px;

    background: url(xiala.png) no-repeat 0;

}

.fr-radio-radiooff {

    width: 100%;

    height: 7px;

    font-size: 7px;

    background: url(xiala.png) no-repeat 0;

}

3.将你写好的css文件和图标(test1.css和xiala.png)放到服务器的项目目录下，如下面是我的目录

/home/lzuser/tomcat8.5/webapps/webroot/help/css

4.在设计器中进行如图2所示的操作：

（1）点击  模板->模板web属性

（2）在弹出的模板web属性中点击  引用css

（3）选择你刚才写好并上传到服务器目录下的css文件

（4）点击 增加  按钮

（5）点击 确定  按钮

5.预览

6.我没有方框图标，设置的是三角形（如图3）

改用这个组件