webmaster resource
+ Webmaster Forum von Webmaster-Resource.de » Webcoding » HTML, CSS und Javascript (Moderator: Christian Felken)
|-+ [CSS] Pseudoklasse ":active" im Internet Exploerer 7
Username:
Password:

Seiten: [1]
Topic Tools  
Read 16. Februar 2008, 13:03:12 #0
Nano

[CSS] Pseudoklasse ":active" im Internet Exploerer 7

Hi zusamen,

ich nutze die Pseudoklasse ":active" um ein Textfeld was angeklickt ist und somit aktiv, mit einer anderen Hintergrundfarbe auszustatten. Leider scheint das der IE7 (der 6er sowieso nicht) nicht zu verstehen.


Das wäre als Beispiel die Inputbox mit der Klasse:
Code:
<label for="nick">Benutzername:</label><input class="menuinput" id="nick" name="nick" type="text">


Und das, das CSS aus der css datei:

Code:
.menuinput:focus, .menuinput:active {
background-color: #AAAAAA;
}


Als Alternative versuchte ich es schon mit dem Javascript ereignis "onfocus()" leider bleibt mit onfocus() die eigenschaft und verschwindet nicht nach dem "inaktivieren" durch einen Klick woanderst hin wieder.

Grüsse nano


Signatur? Wurde konfisziert.
Offline  
Read 16. Februar 2008, 18:35:03 #1
» тнє $υι¢ι∂є « ™

Re: [CSS] Pseudoklasse ":active" im Internet Exploerer 7

Moin Nano


hiermit sollte es gehen (getestet unter FF,IE7)


Code:
<script language="JavaScript" type="text/javascript">
var color="#AAAAAA";
function a_set(obj,x) { if(x=="1") { obj.style.backgroundColor=color; }else{ obj.style.backgroundColor=""; }}
</script>


<input name="abc" onfocus="a_set(this,1)" onblur="a_set(this,0)" style="color:red;">


lg stefan


Offline  
Read 17. Februar 2008, 17:21:57 #2
sf-design

Re: [CSS] Pseudoklasse ":active" im Internet Exploerer 7

Ja, der Internet Explorer interpretiert die Pseudoklassen immer nur in Bezug auf Links; bei allen anderen Attributen ignoriert er solche Angaben deshalb.

Um die Farbe nach dem verlassen wieder zu ändern kannst du wie Stefan schon geschrieben hat das Event onBlur verwenden und dort wieder die ursprüngliche Hintergrundfarbe angeben.


Offline  
Read 18. Februar 2008, 00:32:05 #3
Nano

Re: [CSS] Pseudoklasse ":active" im Internet Exploerer 7

Vielen Dank für den Tipp
Werde morgen Abend berichten obs geht Lächelnd

Grüsse Nano


Signatur? Wurde konfisziert.
Offline  
Read 18. Februar 2008, 18:30:41 #4
Nano

Re: [CSS] Pseudoklasse ":active" im Internet Exploerer 7

Funktioniert so bestens!

Vielen Dank nochmal für die Hilfe Lächelnd


Signatur? Wurde konfisziert.
Offline  
Seiten: [1]
Gehe zu: