css - 如何仅用 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

I suggest you, wrap around a <div> tag, and change the background of <div>

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

Change the background image for <div> and set the opacity for label to 0.

Answer 2

我找到了解决方案。

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

    #payment-methods li label[for="gateway_4063663"] {
        内容：网址（'pic_1.gif'）
    }