Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: CSS-Input Feld+farbwechsel bei Focus?

  1. #1
    Gast

    Standard CSS-Input Feld+farbwechsel bei Focus?

    Hallo, ich habe mehrer input felder von typ text in einem Formular.
    Diese Felder sollen, wenn sie den Focus erhalten ihre farbe ändern. Dies habe ich momentan so realisiert:
    Code:
    onFocus="this.style.backgroundColor='white'" onBlur="this.style.backgroundColor='lightyellow'"
    das funktioniert auch gut, nur müsste ich dies bei jedem Feld machen, und ich habe einige davon. Ist es also irgendwie möglich dies mit css vorzu definieren?
    hoffe mir kann geholfen werden?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,

    mit Stylesheets geht es, Javascript brauchst du dafür nicht:
    Code:
    <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Input-Test</title>
    <style type="text/css">
    <!--
    input &#123;background-color&#58; lightyellow;&#125;
    input&#58;focus &#123;background-color&#58; white;&#125;
    -->
    </style>
    </head>
    
    <body></body>
    <input ></input>
    
    <input ></input>
    
    <input ></input>
    
    </body>
    </html>
    Gruß aus der Marsch!

    Ronald

  3. #3
    Gast

    Standard

    Code:
    <style type="text/css">
    <!--
     input, select
       &#123; background-color&#58;lyellow;border&#58;1px solid black; &#125;
       input&#58;focus &#123; background-color&#58;red; color&#58;black;  border&#58;2px solid black; &#125;
       
    </style>

    das habe ich jetzt da zu stehen, geht aber leider nicht.....!?

  4. #4
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ... und welche Angaben zum Dokumententyp und zum Zeichensatz hast du gemacht ?

    Fragt ....

    Ronald

  5. #5
    Großmeister(in)
    Registriert seit
    03.01.2005
    Beiträge
    582
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,
    liegt's vielleicht an dem "l" vor dem "yellow"?
    <style type="text/css">
    <!--
    input, select
    { background-color:lyellow;border:1px solid black; }
    input:focus { background-color:red; color:black; border:2px solid black; }

    </style>
    MfG
    6_freddy

  6. #6
    Gast

    Standard

    nein daran liegt es nicht....
    und welche Angaben zum Dokumententyp und zum Zeichensatz hast du gemacht
    -Die Frage verstehe ich nicht ganz?

  7. #7
    Großmeister(in)
    Registriert seit
    03.01.2005
    Beiträge
    582
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,
    versuch' doch mal:
    <style type="text/css">
    <!--
    input
    { background-color:lightyellow; border:1px; border-style:solid; border-color:black; }
    input:focus { background-color:red; color:black; border:2px; border-style:solid; border-color:black; }

    </style>
    MfG
    6_freddy

  8. #8
    Gast

    Standard

    es sieht bei mir jetzt so aus:
    Code:
    <style type="text/css">
    <!--
     input, select
       &#123; background-color&#58;lightyellow;border&#58;1px solid black; &#125;
    
     input&#58;focus &#123; background-color&#58;red; color&#58;black;  border&#58;2px solid black; &#125;
     -->
    </style>
    es funktioniert einfach nicht! Bei Focus ändert sich nicht die Farbe!?

  9. #9
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Moin!

    Ich sehe gerade, daß der IE das nicht kapiert, mit Mozilla-Browsern klappt es.
    Ich schau nachher mal ob ich eine IE-Lösung finde, muß jetzt aber erstmal weg.

    G.a.d.M.

    Ronald

  10. #10
    Gast

    Standard

    und eine IE Lösung gefunden?

Ähnliche Themen

  1. Input Feld immer aktiv
    Von csigg im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 21.01.2008, 16:57
  2. Input Feld einfärben wenn aktiv
    Von csigg im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 21.01.2008, 15:31
  3. Input Feld mit PHP ansprechen.
    Von Gast im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 17.11.2006, 14:12
  4. <input type="text"> Feld sichern das man nic
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 10
    Letzter Beitrag: 21.07.2006, 15:27
  5. input feld
    Von DarkSyranus im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 22.04.2006, 23:05

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •