使用图像作为无线输入按钮,没有样式标签

时间:2016-07-22 18:17:30

标签: javascript css input radio-button

我在Shopify商店使用应用程序,该应用程序在电子商务网站上提供产品选项。令人讨厌的是,我无法解决如何更改选项的单选按钮,以便使用图像进行选择。我一直试图让这个工作几个小时,但没有成功。

问题是应用程序以我似乎无法定位标签的方式输出无线电输入。我已经阅读了许多使用标签技术并隐藏输入的变通方法。但是,我的输出看起来像这样:

<div class="shappify_option_value">
  <label class="shappify_radio_option">
    <input id="255415_0" class="bold_option_child shappify_option_255415 " type="radio" value="None" data-conditional-value="None" name="properties[Wax finish]" data-product-handle="" data-option-key="rb_255415_0">
    None
  </label>
  <label class="shappify_radio_option">
    <input id="255415_1" class="bold_option_child shappify_option_255415 price-change " type="radio" value="Light/clear" data-conditional-value="Light%2Fclear" name="properties[Wax finish]" data-price="8.00" data-variant="25548381447" data-product-handle="wax-finish" data-option-key="rb_255415_1">
    Light/clear
  </label>
  <label class="shappify_radio_option">
    <input id="255415_2" class="bold_option_child shappify_option_255415 price-change " type="radio" value="Light brown" data-conditional-value="Light%20brown" name="properties[Wax finish]" data-price="8.00" data-variant="25548382215" data-product-handle="wax-finish" data-option-key="rb_255415_2">
    Light brown
  </label>
</div>

有没有办法可以解决这个问题?理想情况下,我只想使用图像在没有任何文本的选项之间进行选择。

感谢您提供任何帮助。

0 个答案:

没有答案