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