php - 通过 css 根据输入的 id 或标题显示图像

Question

有人知道如何在依赖于输入 ID 或标题本身的标签之前添加图像吗？所以这是我的 magento 结帐，我想根据付款方式显示图像。这是代码

<dt>
    <input id="p_method_msp_ideal" value="msp_ideal" type="radio" name="payment[method]" title="iDEAL" class="radio validate-one-required-by-name">
     <label for="p_method_msp_ideal">iDEAL</label>
        </dt>

Answer 1

您可以使用特定的背景图片；这取决于你的布局应该如何定位和呈现，下面的代码是一个例子:

#p_method_msp_ideal + .payment-method{
  width: 18px;
  height: 12px;
  background: url(images/ideal.png);
}

<dt>
  <input id="p_method_msp_ideal" value="msp_ideal" type="radio" name="payment[method]" title="iDEAL" class="radio validate-one-required-by-name">
  <span class="payment-method"></span>
  <label for="p_method_msp_ideal">iDEAL</label>
</dt>