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

Beitrag lesen

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