Zum Inhalt springen

CSS dynamisch im IE ändern


azubi-tigerente

Empfohlene Beiträge

Hallo Leute,

würde gerne gewisse Felder wie z.B input oder select-Felder dynamisch ändern wenn zum Beispiel ein focus gesetzt wird. geht das mit css oder muss ich auf andere Mittel zurückgreifen??

Für den NS 6.0 gibt es Möglichkeiten mit css dies zu realisieren.

z.B.

a:focus{}

Aber das funktioniert nicht beim IE

Danke für Eure Hilfe

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von azubi-tigerente

Hallo Leute,

würde gerne gewisse Felder wie z.B input oder select-Felder dynamisch ändern wenn zum Beispiel ein focus gesetzt wird. geht das mit css oder muss ich auf andere Mittel zurückgreifen??

Für den NS 6.0 gibt es Möglichkeiten mit css dies zu realisieren.

z.B.

a:focus{}

Aber das funktioniert nicht beim IE

Danke für Eure Hilfe

es kommt darauf an inwiefern du änderungen vornehmen möchtest.

das a:focus{} geht ja nur bei links!

eine möglichkeit die mit allen browsern gehen sollte ist z.b.


<input type="text" name="testFeld" onFocus="this.bgcolor='#FF0000'" onFocus="this.bgcolor='#00FF00" bgcolor='#0000FF'>

ist allerdings Javascript! es geht übrigens auch in kombination mit JS + CSS

<input type="text" name="testFeld" onFocus="this.style.backgroundcolor='#FF0000'" onFocus="this.style.backgroundcolor='#00FF00" style='background-color: #0000FF'>

kann sein das an dieser stelle auch anstatt von "this.style.backgroundcolor" so heissen muss: "this.style.background-color"

Link zu diesem Kommentar
Auf anderen Seiten teilen

vielen dank für die vielen antworten und schnelle hilfe...

ich sehe die möglichkeit die ich habe ist per javascript dies zu lösen..

hätte gerne eine globale lösung gehabt. dann hätte ich nämlich immer nur das css-file reinladen müssen und ich könnte es für alle seiten verwenden.

a:focus{}

war nur ein beispiel. ist mir klar das es nur so wie es da steht für links gültig ist.

habe dies verwendet um euch zu zeigen was ich meine. aber leider geht der befehl eben nur bei NS 6.0...

gruss azubi-tigerente

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von azubi-tigerente

vielen dank für die vielen antworten und schnelle hilfe...

ich sehe die möglichkeit die ich habe ist per javascript dies zu lösen..

hätte gerne eine globale lösung gehabt. dann hätte ich nämlich immer nur das css-file reinladen müssen und ich könnte es für alle seiten verwenden.

a:focus{}

war nur ein beispiel. ist mir klar das es nur so wie es da steht für links gültig ist.

habe dies verwendet um euch zu zeigen was ich meine. aber leider geht der befehl eben nur bei NS 6.0...

gruss azubi-tigerente

meinst du damit das bei NS auch

input:hover usw. geht?

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von azubi-tigerente

hätte gerne eine globale lösung gehabt. dann hätte ich nämlich immer nur das css-file reinladen müssen und ich könnte es für alle seiten verwenden.

Hi

wenn du alle input felder (oder was auch immer) immer gleich ändern willst (z.B hintergrundfarbe beim hovern ändern) dann kannst du deinen javascript code auch auslagern und bei deinen input's einfach nur die js-function aufrufen.

(du musst nicht in jedes onmouseover="" den kompletten js-code schreiben)

Gruß Christian

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...