asp.net - checkboxlist styling doesnt works -

i have tried possible ways replace default checkbox input button interactive gif image , dont know missing , or tutorial highly appreciated, below css snippet m using apply checkbox list:

#left_columnforsale .accordcontent span.chkbox input[type="checkbox"] { /*background: url('../images/checkbox.gif') no-repeat;*/ background-color: #800000; } 

sorcecode :

<span id="contentplaceholder1_checkboxlist1" class="chkbox">     <input id="contentplaceholder1_checkboxlist1_0" type="checkbox" name="ctl00$contentplaceholder1$_content$checkboxlist1$0" onclick="javascript:settimeout(&#39;__dopostback(\&#39;ctl00$contentplaceholder1$_content$checkboxlist1$0\&#39;,\&#39;\&#39;)&#39;, 0)" value="0 , 1000" />     <label for="contentplaceholder1_checkboxlist1_0">0 - £1,000</label>     <br />     <input id="contentplaceholder1_checkboxlist1_1" type="checkbox" name="ctl00$contentplaceholder1$_content$checkboxlist1$1" onclick="javascript:settimeout(&#39;__dopostback(\&#39;ctl00$contentplaceholder1$_content$checkboxlist1$1\&#39;,\&#39;\&#39;)&#39;, 0)" value="1000 , 2000" />     <label for="contentplaceholder1_checkboxlist1_1">£1,000 - £2,000</label> 

and designer view:

   <asp:accordionpane>                <header>                 &nbsp;&nbsp;&nbsp;checklistbox                 </header>                  <content>                      <asp:checkboxlist id="checkboxlist1" runat="server" autopostback="true" onselectedindexchanged="checkboxlist1_selectedindexchanged" repeatlayout="flow" cssclass="chkbox">                     <asp:listitem value="0 , 1000">0 - £1,000</asp:listitem>                      <asp:listitem value="1000 , 2000">£1,000 - £2,000</asp:listitem>                     <asp:listitem value="2000 , 3000">£2,000 - £3,000</asp:listitem>                     <asp:listitem value="3000 , 4000">£3,000 - £4,000</asp:listitem>                     <asp:listitem value="4000 , 5000">£4,000 - £5,000</asp:listitem>                     <asp:listitem value="5000 , 6000">£5,000 - £6,000</asp:listitem>                     <asp:listitem value="6000 , 7000">£6,000 - £7,000</asp:listitem>                     <asp:listitem value="7000 , 8000">£7,000 - £8,000</asp:listitem>                     <asp:listitem value="8000 , 9000">£8,000 - £9,000</asp:listitem>                     <asp:listitem value="9000 , 10000">£9,000 - £10,000</asp:listitem>                      </asp:checkboxlist>                  </content>              </asp:accordionpane> 

doing css not possible/has big limitations since browser render default os inputs no matter if defined or not.

styling checkboxes, dropdowns , radiobuttons done of javascript since give consistent results cross browsers.

here's way it: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/