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

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -

debian - 500 Error upon login into Plesk Admin - auth.php3? -