Hallo,
ich möchte es so machen, dass wenn der Cursor im input Feld blinkt, bzw. wenn der Mauszeiger über einem Button ist, dass sich die Farbe ändert. Mit hover geht es nicht, wie denn?
Frohe Weihnachten,
Philipp E.
Hallo,
ich möchte es so machen, dass wenn der Cursor im input Feld blinkt, bzw. wenn der Mauszeiger über einem Button ist, dass sich die Farbe ändert. Mit hover geht es nicht, wie denn?
Frohe Weihnachten,
Philipp E.
Fubbi? Was erzählst du da? O.o
/* Beim herüberfahren erhält das Input eine grüne Aussenlienie */
input:hover {
outline: 1px solid green;
}
/* Wenn "der Zeiger im Input ist" soll die Schriftfarbe Rot und Fett sein */
input:focus, input:active {
color: red;
font-weight: bold;
}
Alles anzeigen
Das können wir natürlich noch alles ein wenig spezifizieren
Wäre ja was ganz neues, wenn sowas mit css nicht steuerbar ist.. Kleiner Test findest du hier unter [Anmelden] oder [Registrieren], reines CSS..
Kannst du mal auflisten in welchen Browsern das funktioniert?
Also im Firefox 3.6, IE 8, Opera 11, Chrome 8 und Safari 5, also in allen aktuellen gehts.
Abgesehen davon, dass es bei solchen Sachen nicht so dramatisch ist, dass sie nicht gehen. Deswegen gleich auf js zurückzugreifen ist Käse.
DerWaldschrat
Gerne, kurz theoretisch alle Browser, die nicht aus der Steinzeit sind. Also
Das ist CSS2 Standard, ein Browser welchen diesen noch nicht in diesen Punkten erfüllt ist kompletter Müll.. <.<
Und weil das eben so alt ist, findest du da drüber auch keine aktuellen Listen, wo das genau klappt. Du kannst schließlich heutzutage auch mit CSS aufklapp Menüs machen, ohne dir groß Gedanken zu machen, ob das auch ja jeder Browser versteht
Quellen:
<!-- m --><a class="postlink" href="http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active">http://de.selfhtml.org/css/eigenschafte ... ver_active</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.css4you.de/hover.html">http://www.css4you.de/hover.html</a><!-- m -->
(Bitte jeweils immer auf das Datum achten :wink: Die Daten sind quasi Uralt xD)
Naja.. der IE ist da immer noch son Sonderfall.. mein dynamisches Menu möchte der auch nicht^^
Echt nicht? Uihh.. nett O.o
Aber wenigstens die neueren Versionen ab 8 werden das jetzt unterstützen xD
Das :hover und :active sind schließlich CSS1 Elemente.. und :focus ist CSS2.. das sollte also so gaaaanz allmählich auch mal bei denen angekommen sein^^
Und ich sag mal, so eine Inputfärbung sollte der doch wohl gerade noch so hinkriegen.. und wenn nicht, naja dann wäre das eben so^^
Würden eben maximal 5% deiner Besucher, keine Färbung erkennen Wer eben noch mit dem C64 surfen zu müssen, der ist selber schuld ;D
(BTW: Version 8 hat übrigens bei dem Acid-Test die 30Punkte Marke geknackt gehabt Das höchste jemals von einem IE erzielte Ergebnis^^ [Ausgenommen Beta-Versionen/Die IE9-Beta Version, die hat nach meinem letzten Wissenstand immerhin fast die 70Punkte geschafft ])
Wenn ich mich richtig erinnere (zum mindest war das vor nem halben Jahr noch so), dann unterstützt der IE die Pseudoklassen zwar, aber eben nur für Links. Mein Menu funktioniert über li:hover, da funktioniert es nicht. Bei input funktioniert es dann dementsprechend auch nicht
LG
Schau dir mal das hier an:
<!-- m --><a class="postlink" href="http://www.fdg.ab.by.schule.de/dropdown.php">http://www.fdg.ab.by.schule.de/dropdown.php</a><!-- m --> oder <!-- m --><a class="postlink" href="http://www.webdesignerwall.com/demo/css3-dropdown-menu/css-gradient-dropdown.html">http://www.webdesignerwall.com/demo/css ... pdown.html</a><!-- m -->
Das sind zwei Dropdownmenü dieser Art, und es funktioniert im IE.
DerWaldschrat
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.