如何使用css3替换图像的标签？

Question

我有像

这样的代码

<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>

我需要将gateway_4063663的标签替换为名为'icon_1.gif'的图像，但我只能访问CSS3。 有没有办法更换标签......或设置背景图像？

我正在使用像

这样的CSS

#payment-methods li #gateway_4063663 label { background: url('icon_1.gif'); }

但没有任何反应......

Answer 1

我建议您使用<div>标记，并更改<div>的背景

<div class="TEST">
   <label for="gateway_4063663">PagSeguro</label>
</div>

更改<div>的背景图片，并将标签的不透明度设置为0.

Answer 2

我找到了解决方案。

正如我所提到的，我的xpath错了......正确的路径是

    #payment-methods li label[for="gateway_4063663"] {
        content: url('pic_1.gif')
    }