How can I replace a Label for an image just with css3? -
i have code
<ul id="payment-methods"> <li> <input class="payment-method" id="gateway_4063663" name="gateway" type="radio" value="4063663"> <label for="gateway_4063663">pagseguro</label> </li> <li> <input class="payment-method" id="gateway_4068219" name="gateway" type="radio" value="4068219"> <label for="gateway_4068219">cash on delivery (cod)</label> </li> </ul>
and need replace label of gateway_4063663 image called 'icon_1.gif' have access css3. there way replace label... or set backgroud image?
i'm using css
#payment-methods li #gateway_4063663 label { background: url('icon_1.gif'); }
but nothing happens...
i suggest you, wrap around <div>
tag, , change background of <div>
<div class="test"> <label for="gateway_4063663">pagseguro</label> </div>
change background image <div>
, set opacity label 0.
Comments
Post a Comment