3

ユーザーがチェックしたときにチェックボックスのデフォルトのチェックボックスの代わりに画像（チェックされた画像）を表示するにはどうすればよいですか？

checkedCls画像が表示されているがチェックボックスの裏側にあるconfigを使用してみました。

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;
}

元の画像は次のようになります。

ここに画像の説明を入力してください

ここで画像全体を変更する必要があります。

Baseクラスを変更し、オーバーライドを強制することをお勧めします

そのようです：

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

そして、設定で

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

JSFiddleを参照してください（画像パスは正しくありませんが、トリックが表示されるはずです）

于 2013-02-15T08:02:10.837 に答える