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>

我需要为名为“icon_1.gif”的图像替换 gateway_4063663 的标签，但我只能使用 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。