Beheben von CSS für Radio Button – WooCommerce

Lesezeit: 2 Minuten

Benutzeravatar von Aaron Johnson
Aaron Johnson

Das Problem: Das Optionsfeld für Versandoptionen wechselt erfolgreich in den ausgewählten Zustand, der angeklickt wurde, zeigt jedoch keinen schwarzen Punkt im ausgewählten Element, um dem Benutzer anzuzeigen, dass es ausgewählt wurde.

Geben Sie hier die Bildbeschreibung ein

Dies ist auf dieser WooCommerce-Checkout-Seite meiner Website. Tut mir leid, die einzige Möglichkeit, dorthin zu gelangen, besteht darin, zuerst einen Artikel im Shop auszuwählen und dann zur Kasse zu gehen: https://dayhikesneardenver.com/shop/

Ich habe die Inspektionsseite von Google Chrome überprüft und kann für mein Leben nicht herausfinden, ob dies ein Problem ist mit: 1) Meine Uncode-Designstile, 2) WooCommerce-Stile oder 3) etwas anderes.

Danke für jeden Einblick in diese.

  • Es scheint mir, dass es ein anderes Optionsfeldformular mit derselben ID gibt und eine Art Konflikt verursacht. Die Optionsfelder sind benutzerdefiniert? Haben Sie einen anderen Code oder eine kürzlich an der Website vorgenommene Änderung?

    – Syntax-Fehler

    13. Januar 2020 um 17:24 Uhr

  • Keine neueren Änderungen, die ich mir vorstellen kann. Ich frage mich, ob es sich um einen Schaltflächenstil in meinem Uncode-Thema handelt.

    – Aaron Johnson

    13. Januar 2020 um 17:26 Uhr

  • Ich habe diesen Code in meinem Child-Theme style.css gefunden. Könnte es das Problem sein?/* #Button-skins */ .style-light .btn-default, .style-dark .style-light.style-override .btn-default, .style-dark .style-light .btn -default { Farbe: #ffffff !wichtig; Hintergrundfarbe: #258CB0 !wichtig; Randfarbe: #258CB0 !wichtig; }

    – Aaron Johnson

    13. Januar 2020 um 17:30 Uhr


  • Versuchen Sie, andere benutzerdefinierte CSS-Stile in diesem Abschnitt zu entfernen. Wahrscheinlich ein Stilkonflikt.

    – Syntax-Fehler

    13. Januar 2020 um 18:02 Uhr

  • Es stellte sich heraus, dass es sich um fehlerhaften Code im Design-CSS handelte. Ich konnte in das untergeordnete Thema gehen und es mit dem folgenden Code überschreiben. Eingang[type=checkbox]Eingabe[type=radio]{ -webkit-erscheinungsbild: checkbox !wichtig; }

    – Aaron Johnson

    14. Januar 2020 um 14:01 Uhr


Benutzeravatar von Syntax_Error
Syntax-Fehler

Wenn Sie die Eigenschaft “webkit-appearance: none” auf dem Radiobutton-Formular entfernen oder ändern (webkit-appearance: checkbox), erscheint die Schaltfläche aktiviert.

Die Eigenschaften

Geben Sie hier die Bildbeschreibung ein

Ich denke, etwas anderes überschreibt den ursprünglichen Stil der Schaltfläche.

Vor

Geben Sie hier die Bildbeschreibung ein

Nach

Geben Sie hier die Bildbeschreibung ein

1435300cookie-checkBeheben von CSS für Radio Button – WooCommerce

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy