✔ Input type farben ändern

[dragon90]

hi,
ich wollte mal fragen wie man mit css ein code erstellen kann, das wenn man auf z.B:
eine textarea geht die Farbe vom etwas dunkleren grau in ein helleres grau übergeht?
Hoffe ist verständlich die frage.

Hochachtungsvoll

 

[BSA]

Meinst du wenn man drauf klick oder wenn man drüber geht mit der Maus?

Also wenn du das Crossbwoser Kompatibel machen möchtest dann musst auf JS zurückgreifen.

onmouseover="this.className='klassenname'"

Musst dann einfach einen Klassennamen (css) angeben!

 

[Maik]

In den modernen Browsers, zu denen der IE nicht zählt, funktioniert

input { background-color: #5f5f5f; }

input:hover { background-color: #cfcfcf; }

Für den IE ist, wie BSA schon anmerkte, Javascript erforderlich, um zwei CSS-Klassen zu tauschen.

input.normal { background-color: #5f5f5f; }

input.hover  { background-color: #cfcfcf; }

<input type="text" class="normal" onmouseover="this.className='hover'" onmouseout="this.className='normal'">

 

[dragon90]

ich habe das auch schon gemerkt das es außer beim IE bei jedem browser funktioniert woran liegt das?
Danke.
BSE ich meine beim drüberfahren.

 

[Maik]

BSE ich meine beim drüberfahren.

BSE heißt BSA

 

[dragon90]

JA sorry ich schreibe zu schnell *rofl*
Tschuldigung BSA

 

[BSA]

JA sorry ich schreibe zu schnell *rofl*
Tschuldigung BSA

Akzeptiert!

Problem mit michaels Hilfe gelöst?

 

[dragon90]

jap ich habe auch status auf erledigt gesetzt aber ich habs zur zeit nur mit Firefox getestet falls es schwierigkeiten gibt meld ich mich wieder.

 

[BSA]

Alles klar, achte bitte demnächst dadrauf das du auch die Groß- und Kleinschreibung beachtest!

Gruß BSA

 

[Maik]

ich habe das auch schon gemerkt das es außer beim IE bei jedem browser funktioniert woran liegt das?

Der IE unterstützt die Pseudoklasse :hover nur für Hyperlinks -> a:hover.