1

我正在尝试在整个网络上搜索如何突出显示 iPay88 支付选项上的选定或单击选项。

这是场景：我有 2 个支付选项，银行转账和 ipay88 网关。选择时银行转帐没有问题。如果我选择 ipay88 网关，则会出现另一种付款方式，例如通过 paypal，另一种是 Gcash。如果您选择一个，则不会发生任何事情（在您继续结帐之前它不会显示您选择的任何内容），因此用户将不知道他/她在 iPay88 下选择了哪种付款方式。

为了解决这个问题，我希望它被突出显示或让用户查看他/她在 ipay88 下选择或单击的付款方式。

让我分享以下代码：

echo '<div class="ipay88_ph_gateway ipay88_opt_container" >';
            foreach ( $this->paymenttype_available_ph as $number ) {
                echo '<p  style="margin-bottom:5px;">';
                echo '<input type="radio" id="ipay88'.$this->types_mapping_ph['id'][ $number ].'"';
                echo 'name="ipay88_payment_type" value="'.$number.'">';
                echo '<label for="ipay88'.$this->types_mapping_ph['id'][ $number ].'">';
                    echo '<img alt="'.$this->paymenttype_options_ph[ $number ].'" src="'. WC_Compat_iPay88::force_https( WC_iPay88::plugin_url() ) .'/assets/images/'.$this->types_mapping_ph['image'][ $number ].'.'.$this->image_ext .'">';
                echo '</label>';
                echo '</p>';
            }
            echo '</div>';

截图： 支付方式 ipay88

4

1 回答 1

0

您需要使用 CSS 来更改表单元素的样式，CSS 规则是：

input[type="radio"]:checked

然后您可以使用 CSS 来获得您正在寻找的结果，如下所示：

input[type="radio"]:checked {
  background-color: #bbb;
}
于 2020-08-20T09:52:20.967 回答