3

用户检查时如何显示图像(勾选的图像)而不是复选框的默认勾选?

我尝试使用checkedCls配置,其中图像来自复选框的背面。

checkedCls: 'checkedBoxStyle'

 .checkedBoxStyle{
       background-image:url('http://www.chathamhouse.org/sites/default/files/public/images/buttons/tick-icon.png');
       background-repeat:no-repeat;
 }

jsfiddle开始。

4

1 回答 1

5

好吧,图像只会改变它的背景位置

.x-form-cb-checked {
     background-position: 0 -13px;
}

导致原始图像如下所示:

在此处输入图像描述

您应该在此处更改整个图像。

我建议更改基类并强制覆盖

像这样:

.newBase input{
    background-image:url('../resources/images/checkBox_Tick_Mark.png') !Important;
}

并且在配置中

...
baseCls: 'newBase',
...

查看您的JSFiddle(图像路径不正确,但它应该向您展示诀窍)

于 2013-02-15T08:02:10.837 回答