javascript - 删除 Accordion UI 上的边框

Question

我想将 Accordion 插件的 border 属性设置为“NONE”，但我找不到负责这样做的代码。

谢谢:)

有截图:

我想在“border:none”上设置黄色边框。 我还有另一个问题，那就是当我选择其中一个单选按钮时，我无法更改我的选择并选择另一个，就像其他按钮被禁用一样。 你有什么想法吗？ 谢谢:)

<script type="text/javascript">
      $(function(){
        // Accordion
        $("#accordion").accordion({
          autoHeight: false,
          navigation: true,
          header: "h3" });
      });
    </script>


    <form id="accordion" action="commande_chequier_succes.html" method="post">


      <div class="prelevement_auto">
        <h3 class="prelevement_auto_p">
          <input type="radio" name="paiement" /><strong>Prélèvement automatique</strong>
        </h3>
        <div class="target1">
          <p class="xx">J'autorise le prélèvement sur mon compte bancaire :<br/><strong>XXXXXXX  XXXXXXX  XXXX  XX</strong></p>
          <p>
            <input class="target_submit" name="prelevement_auto_submit" type="submit" value="COMMANDER" />
          </p>
        </div>
      </div>


      <div class="cesu">
        <h3 class="cesu_p">
          <input type="radio" name="paiement" /><strong>CESU</strong>
        </h3>
        <div class="target3">
          <p>
            <strong>Frais de traitement 3.90 euros</strong><br/>Pour des raisons de sécurité, nous vous demandons de nous retourner vos CESU uniquement
              par Lettre Recommandée Avec Accusé de Réception (LRAR) à l'adresse suivante :<br/><br/>
              France Ménage 128 rue de la Boétie 75008 Paris<br/><br/>
              N'oubliez pas de cocher la case assurance R3 dans votre LRAR qui vous permettra de vous faire rembourser vos CESU à hauteur de 458 euros maximum.
          </p>
          <input class="target_submit" type="submit" name="cesu_submit" value="COMMANDER" />
        </div>
      </div>


    </form>

Answer 1

将以下样式添加到您的页面中，边框将不会出现。

<style>
h3 {
  outline:none;
}
</style>

要解决单选按钮问题，请将 event: "mouseup" 添加到 Accordion JavaScript 函数中。

参见 Working jsfiddle demo