Button Style ändern mit Google Inspect

  • Hallo Freunde,



    wie kann man den Style von (Stripe) Buttons ändern bzw. die ID für einen spezifischen Button ändern (so das er mit CSS gestalten werden kann) ?



    Ich habe versucht über Google Inspect die "Class" bzw. "ID" des Buttons herauszufinden um dann über die ID oder Class den Button dann unter Custom CSS zu stylen. Leider hat das nicht funktioniert.



    Hier ein Beispiel



    Button Code von Google Inspect:



    <button id="asp_ng_button_15edb9478a11fe" type="submit" class="asp_product_buy_btn blue"><span>BUY PACKAGE</span></button>


    Umsetzung in Custom CSS:



    #asp_ng_button_15edb9478a11fe {


    background-color: #00ffc0;

    border: solid;

    color: 00ffc0;

    padding: 15px 32px;

    text-align: center;

    }



    Hinweis:



    #asp_ng_button_15edb9478a11fe <--- Dieser Code wird rot angezeigt in Custom CSS - Warum?



    Das ist doch die Class ID von dem Button den ich stylen möchte. Warum wird die ID dann unter Cusom CSS rot angezeigt und nicht erkannt?



    Ich hatte das Problem schon öfter und komme dadurch nicht weiter. Irgendetwas muss ich falsch verstanden haben, da es meistens nicht funktioniert.



    Ich bin euch sehr dankbar für Hilfe, Hinweise und Tipps!! :)

  • Hey,


    diese Id ist gültig. Das Ansprechen der Id funktioniert ohne Probleme.


    Deine Anpassungen funktionieren bestimmt nicht weil für diese Id/Klasse bereits CSS-Eigenschaften festgelegt sind. Was du machen kannst ist dann mittels !important die vorfestgelegten Eigenschaften zu überschreiben.


    Schönen Tag :)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!