Wie kann ich den HTML-Button mit CSS einfärben?
Hey, ich habe folgenden HTML-Code, der einen Button erstellt und möchte nun dem Button noch die Farbe #3BB54A geben.
<a href="https://nebelbusiness.de/" class="elementor-button-link elementor-button elementor-size-md elementor-animation-grow" role="button">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Schreib mir jetzt auf WhatApps!</span>
</span>
</a>
Es soll nur den einen Button betreffen. Es sind mehrere auf der Seite vorhanden.
Vielen lieben Dank für deine Hilfe!
3 Antworten
Möglich wäre eine ID, davon rate ich dir aber eher ab. Mit am sinnvollsten ist es, wenn du dem Button einfach weitere Klasse zuweist. In deinem Fall erweiterst du deinen Button z.B. um die Klasse button-whatsapp und formatierst diesen dann mit CSS.
HTML:
<a class="button-whatsapp" href="#">Button</a>
CSS:
.button-whatsapp {
color: #fff;
background-color: #3bb54a;
}
Entweder direkt im HTML Tag
<button style="background-color: #3BB54A;> Ich bin ein Button </button
oder in einer seperaten CSS Datei, die du im HTML Dokument einbindest. In diesem Fall über die ID
Im HTML Dokument
<button id="test"> Ich bin ein Button </button>
In der CSS Datei
#test {
background-color: #3BB54A;
}
inline styling.
bestätigt vom "Experten" (betonung auf Ex)
mich wundert auf dieser seite absolut nix mehr.
Der Button ist scheinbar mit Elementor erstellt worden. Dann kannst du den auch mit Elementor einfach umfärben, wenn du den Button anklickst und auf der linken Seite unter "Stil" die Farbe angibst, die du haben möchtest. :)