mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 10:33 Benutzername: Passwort: Auto-Login

Thema: Eingabezeile Farblich ändern bei Input vom 14.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> Eingabezeile Farblich ändern bei Input
Autor Nachricht
Blodsfana
Threadersteller

Dabei seit: 21.11.2004
Ort: Momentan aus Melsungen
Alter: 38
Geschlecht: Weiblich
Verfasst So 14.10.2007 21:29
Titel

Eingabezeile Farblich ändern bei Input

Antworten mit Zitat Zum Seitenanfang

Ich habe folgene Eingabezeile:

Code:
<input size="41" style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px dotted; FONT-SIZE: 9px; BORDER-LEFT: #666666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666666 1px dotted; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; HEIGHT: 17px; WIDTH: 217px; TEXT-DECORATION: none; background: #333333;" type=text name="telnummer">


Was muss ich in der style ändern, damit wenn ich mit der maus auf das feld gehe oder drin was eintrage die farbe heller wird zum beispiel weiss?
  View user's profile Private Nachricht senden
MichelB

Dabei seit: 20.08.2006
Ort: Essen
Alter: 37
Geschlecht: Männlich
Verfasst So 14.10.2007 21:43
Titel

Antworten mit Zitat Zum Seitenanfang

input[type='text']:hover, input[type='text']:focus { background: #deinefarbe; }
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Blodsfana
Threadersteller

Dabei seit: 21.11.2004
Ort: Momentan aus Melsungen
Alter: 38
Geschlecht: Weiblich
Verfasst So 14.10.2007 22:38
Titel

Antworten mit Zitat Zum Seitenanfang

An welche Stelle muss ich den code copieren? Direkt im style="+++++" hat nicht funktioniert, und dam dem style ging auch nicht wirklich.
  View user's profile Private Nachricht senden
fubr

Dabei seit: 31.12.2006
Ort: ..MGi
Alter: 36
Geschlecht: Männlich
Verfasst So 21.10.2007 03:33
Titel

Antworten mit Zitat Zum Seitenanfang

MichelB hat geschrieben:
input[type='text']:hover, input[type='text']:focus { background: #deinefarbe; }


Mal abgesehen davon, dass der Internet Explorer 5.x/6 weder Attributselektoren noch :focus versteht und :hover nur auf Anker-Elemente anwenden kann, kannst Du den Code nicht als Inline-Style schreiben. Alternativ kannst Du die Style-Angaben im <head> der HTML-Datei unterbringen..

Code:

<head>

<style type="text/css">

  input[type='text']:hover, input[type='text']:focus { background: #deinefarbe; }

</style>

</head>


Funkt nur nicht im IE.. *Huch*
  View user's profile Private Nachricht senden
Blodsfana
Threadersteller

Dabei seit: 21.11.2004
Ort: Momentan aus Melsungen
Alter: 38
Geschlecht: Weiblich
Verfasst So 21.10.2007 16:57
Titel

Antworten mit Zitat Zum Seitenanfang

Yep, vielen Dank werde es mal ausprobieren.
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 21.10.2007 17:27
Titel

Antworten mit Zitat Zum Seitenanfang

fubr hat geschrieben:
Funkt nur nicht im IE.. *Huch*


Für den Fall muss man dann eine Javascript Lösung einsetzen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen bilderserien aus verschiedenen kameras farblich angleichen
wie zwei ähnliche bilder farblich aneinander angleichen?
wie input formatieren?
input.checkbox
[php] preg_replace für sicheren Input
HTML: Input-Formatierung
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.