xPages checkbox styling background image
<p>How do I change checkbox style? I need especially to replace checked checkbox background/image..</p>

<p>Here is my xPage code:</p>

<pre><code>&lt;xp:this.resources&gt;
    &lt;xp:styleSheet href="/myCSS.css"&gt;&lt;/xp:styleSheet&gt;
&lt;/xp:this.resources&gt;
&lt;xp:checkBox text="Label" id="checkBox1" styleClass="mycheckbox"&gt;/xp:checkBox&gt;
</code></pre>

<p>and here is CSS:</p>

<pre><code>.mycheckbox:checked {
         background-color: green;
         box-shadow:0px 0px 0px 2px black inset;
         margin-bottom:2px;}
</code></pre>

<p>The problem is that when checkbox is checked it sets only border but not background color green. Same if I try to set and image for checked one.</p>