Hintergrundfarbe durch Hover ändern (HTML)?

Hallo Community,

ich möchte, das sich beim "hover" auf einen Button die Hintergrundfarbe sich in Rot verändert verändert. Wie kann ich das realisieren? Betroffen ist der Button ".BtnNin" (siehe Bild).

Danke :)

Button ".BtnNin" - (Internet, Webseite, Farbe)

2 Antworten

emtonsitaht

24.07.2017, 11:24

An sich scheint die Codierung richtig zu sein. Es kann sein, dass du vielleicht etwas in deinem html-Skript falsch gemacht hast. Sonst schreibe mal hinter deine hover-Effekt !important.

Also

.BtnNin{
background-color: #ffffff !important;
}

Das sorgt dafür, dass dieser Befehl ausgeführt werden muss und dass css ihn nicht ignorieren soll. Ansonsten versuche mal, anstatt einer Klasse, deinem Element eine id zu geben, da css id's bevorzugt.

RedKungFuMastr

24.07.2017, 13:03

!important sollte man so oft es geht vermeiden.

triopasi

24.07.2017, 10:42

Sicher dass deine Klasse im CSS ne Klasse ist (keine ID) und richtig geschrieben ist?

DerFrager2000

Fragesteller

24.07.2017, 10:51

Sag du es mir :D Ich gehe im HTML zu "button" und füge class="BtnNin" hinzu. Dann übernimmt er immer alles. Oder ist das ID?

triopasi

24.07.2017, 10:52

@DerFrager2000

Das ist class, steht ja da. Passt die normale background-color von #de0000?

DerFrager2000

Fragesteller

24.07.2017, 11:03

@triopasi

Ich hab es wiedermal falsch Formuliert :D Die Farbe des Button ändert sich. Kein Problem. Aber die HTML Hintergrundfarbe nicht.

Möchte also, dass bei hover der Button Rot wird, und gleichzeitig die ganze Website sich in ein helles rot verfärbt.

triopasi

24.07.2017, 11:07

@DerFrager2000

Ach so! Nimm da JavaScript für:
https://stackoverflow.com/questions/14585941/hover-link-to-change-page-background-color-with-css

Aber bitte lass sowas doch ganz sein, bunt bunt bunt ist schrecklich, das will keiner sehen.

DerFrager2000

Fragesteller

24.07.2017, 11:25

@triopasi

Danke!!

Der Button wird mir nur in blau angezeigt, wie kann ich die Farbe in Rot ändern? Es sind nur HTML Befehle erlaubt, ich will dieses Befehl benutzten, wie kann ich diesen erweitern?

...zur Frage

[HTML] Hover entfernen?

https://jsfiddle.net/e8hboktq/

Wie kann ich das dropdown vom hover deaktivieren und ändern, das es nur noch geht, wenn man auf den button drückt und nicht hovert

...zur Frage

JButton Hintergrundfarbe ändern .setBackground(Color.Red) funktioniert nicht?

wie schon oben angesprochen ich würde gerne denn gesamten Button mit Rot füllen ohne ein icon zu verwenden und nicht nur den rand

Da wird nur so ein kleiner rand rot

code: https://hastebin.com/unisezepud.cs

...zur Frage

HTML Farbe ändern im Sekunden-Takt

Hallo, ich möchte im Sekunden-Takt die Farbe eines Textes in HTML ändern, wie geht das nun?

bsp.:

test

Soll seine Farbe von Rot auf Weiß ändern

...zur Frage

Mouseover - Farbe von Bild ändern?

Hey ich möchte in einem HTML Code angeben, dass ein Bild über das die Maus fährt rot eingefärbt wird. Soll also so ein leichter transparenter Schleier werden. Dass ich sowas machen musste ist schon etwas her, daher bin ich etwas überfragt.

Ich hätte das nur mit CSS lösen können, wie ich das in den HTML Code schreibe weiß ich nicht mehr. (a hover)

Das wäre der Code:

Wäre echt nett wenn man mir helfen kann:D

...zur Frage

Mit html und css durch einen button Hintergrundfarbe ändern?

Hallo,

ich mache gerade eine Website und möchte da einen Knopf, mit dem ich die Hintergrundfarbe und die Schriftfarbe der Website ändern kann. Ich habe bereits einen Button designet, weiß aber nicht, wie ich mit ihm Befehle ausführen kann.

Vielen Dank schonmal im voraus!

Hier ist der html-text für den Button:

<main>

<button class="bonbon orange">hier drücken zum ändern der Hintergrundfarbe</buton>

</main>

und hier ist der css-text für den Button:

main{

background: white

}

.bonbon{

width.: 250px;

height: 60px;

backgorund: orange;

/* old browsers */

background: linear-gradient(to bottom, white, orange);

box-shadow: inset 0px 0px 6px #fff, inset 0px -1px 6px #fff;

border: 1px solid #5ea617;

border-radius: 1em;

marign: 1em

}

.bonbon:hover{

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.bonbon:focus {

box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px

}

...zur Frage

HTML Button kann nicht gedrückt werdenn?

Hallo.

Ich versuche nach einer Idee von einem Freund einen Webshop zu machen.

Zu mindestens das Design.. Geht auch alles außer das ich den Button nicht drücken kann. Der Hover funktioniert aber.

Ich habe den Sourcecode bisschen gekürzt.

https://pastebin.com/mPF8BCnn

MFG

...zur Frage

EXCEL Zellfarbe mit CommandButton durch Klick ändern?

Hallo, ich würde gerne die Hintergrundfarbe beliebig markierter Zellen durch einen Klick auf den CommandButton ändern. ZB ich markiere die Zelle A1:B1, klicke auf den Button und die Farbe der Zellen wird zb Rot.

Wer kann mir bitte den Code hierfür geben? Ich bin im Internet leider nicht fündig geworden.

...zur Frage

Wie schreibt sich auf HTML ein einfaches "Hintergrund Streifen"?

Würde gerne auf einer Homepage einen einfachen HTML Script einfügen welcher einen Streifen (Beispiel) in Farbe #000000 die gesamte hintere flache bedeckt (Dynamisch je nach Bildschirm Größe)

etwa 30px höhe
Breite bekanntlich dynamisch
Farbe #000000

Siehe Bild als Beispiel

Könnte eventuell jemand einen HTML Script posten?

...zur Frage

Wie kann man in cmd ausschließlich die Hintergrundfarbe der Konsole ändern?

Ich möchte in Visual Studio mit C++ etwas programmieren und würde gerne in den Code schreiben das die Hintergrundfarbe der Konsole geändert wird. Leider bekomme ich nur hin die Schriftfarbe zu ändern wenn ich ein Zeichen reinschreibe. Nur wenn ich zwei Zeichen reinschreibe verändert sich auch die Hintergrundfarbe aber eben auch die Zeichenfarbe und das will ich nicht. Hat jemand eine Idee?

...zur Frage

Mit HTML die Farbe eines Bildes ändern?

Hallo!

Ich habe eine .png Datei die nur aus transparenten und schwarzen Flächen besteht:

Ist es möglich mit HTML wenn z. B. einer mit der Maus drüber fährt (:hover) das sich der schwarze Teil im Bild zu blau ändert?

...zur Frage

CSS: Wie kann ich bei Hover die Hintergrund- und Schriftfarbe ändern lassen?

Hallo zusammen,

ich würde gerne in diesen Code eine Hover-Funktion einbauen. Da ich Neuling bin, hoffe ich, dass ihr mir die Unbeholfenheit verzeiht.

Bei Hover sollte sich die Hintergrundfarbe und wenn möglich die Schriftfarbe ändern:

*#dm *.dmBody div.u_1159973834 {
  background-color: rgba(255, 255, 255, 0.35) !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: rgba(255, 255, 255, 1) !important;
}

Besten Dank für eure Zeit!

...zur Frage

CSS bei Hover anderes Element verändern?

Ganz ohne JavaScript

Mit dem Code unten kann ich beim hovern auf container1 die Hintergrundfarbe von container2 ändern weil er in container1 drinnen ist

aber geht es nicht auch so das ich den Body Hintergrund auf grün oder so ändern kann ?

    #container1{
            height: 50vh;
            background-color: blue;
        }
        #container2{
            height: 25vh;
            width: 100%;
            background-color: red;
        }
        #container1:hover #container2{
            background-color: green;
        }
    <div id="container1">
            <div id="container2"></div>
    </div>

...zur Frage

CSS/HTML a:hover Farbe nur bei einem link?

Ich möchte die "hover-Farbe" nur bei einem link ändern. Wie geht das ?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen