チェックボックスのチェックイメージ変更

チェックボックスにdisabledを適用させた際、

background-imageに “/contents/k/image/argo/form/checkbox-checked-disabled.png” が適用されますが、

通常の “/contents/k/image/argo/form/checkbox-checked.png” を適用したいと考えております。

どの様に設定したら良いでしょうか。ご教示頂けますと幸いです。

.input-checkbox-item-cybozu {
color: black !important;
background-image: url("/contents/k/image/argo/form/checkbox-checked.png") no-repeat center center #fff !important;
}

 

以下で可能なはずです。相対パス指定ではできないことは知りませんでした…

.input-checkbox-item-cybozu input:checked:disabled+label::after {
  background-image: url('https://static.cybozu.com/contents/k/image/argo/form/checkbox-checked.png');
}

 

msl-hashimoto 様

ご教示頂きありがとうございます。

頂いた内容で実装することができました。