Glory: :focus funktioniert nicht bei <input type="file">

SELF-Forum

:focus funktioniert nicht bei <input type="file">

Glory
– Informationen zu den Bewertungsregeln

Bei einem Datei-Upload Formular, habe ich folgenden Quelltext:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<html>  
  
<head>  
<style type="text/css">  
   input:hover, input:active, input:focus {  
      background-color: silver;  
   }  
</style>  
</head>  
<body>  
   <form method="post" action="upload.php" name="name" enctype="multipart/form-data">  
   <input name="datei" type="file">  
   <input name="text" type="text">  
</form>  
</body>  
  
</html>

Wenn nun der Besucher in das <input name="text" type="text"> klickt und etwas schreibt, verfärbt sich der Hintergrund silber und bleibt auch solange silber, bis der Besucher auf etwas anderes klickt.
Selbiges sollte auch für <input name="datei" type="file"> gelten. Tut es aber nicht. Das :hover und das :active funktionieren zwar, aber wenn der Besucher noch am Schreiben ist und mit der Maus das Feld verlässt, wird der Hintergrund wieder weiß. Wie erreiche ich, dass er  silber bleibt, bis der Besucher woanders hin klickt?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. :focus funktioniert nicht bei <input type="file">

    Christoph Schnauß Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hallo,

    Wie erreiche ich, dass er  silber bleibt, bis der Besucher woanders hin klickt?

    Indem du nach einer anderen Lösung als :hover suchst oder ganz einfach dich damit abfindest, daß das der IE6 zumindest für <input> mit verständnislosem Nichtbefolgen quittiert.

    Mit welchen Browsern hast du denn getestet?

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. :focus funktioniert nicht bei <input type="file">

      Glory
      – Informationen zu den Bewertungsregeln

      Mit welchen Browsern hast du denn getestet?

      Zuerst nur Firefox und jetzt auch noch Opera und IE7. Die letzten beiden beachten überhaupt gar nichts.
      Schutzmechanismus?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. :focus funktioniert nicht bei <input type="file">

        Kai345 Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Grütze .. äh ... Grüße!

        Mit welchen Browsern hast du denn getestet?
        Zuerst nur Firefox und jetzt auch noch Opera und IE7. Die letzten beiden beachten überhaupt gar nichts.
        Schutzmechanismus?

        Geht es mit Opera, wenn du das hier machst?

        Extras ->
          Einstellungen ->
            Erweitert ->
              Inhalte ->
                Darstellungs-Optionen ->
                  Anzeige ->
                    [X] Gestaltung von Formularen zulassen

        Wie du siehst, kannst du also nicht davon ausgehen, daß diese Gestaltungsmöglichkeit
        überhaupt in allen Browsern verfügbar ist. Also einfach anbieten, wer es nicht
        darstellen kann, hat es eben so gewollt oder Pech ;

        Cü
        Kai

        --
        Der vertuschte Gefahrstoff: Dihydrogenmonoxid
        What is the difference between Scientology and Microsoft? One is an
        evil cult bent on world domination and the other was begun by L. Ron
        Hubbard.
        ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln