css befehl bei klick in textarea

[ATARI]

mich würde interessieren, wie der befehl lautet um wenn man in eine textarea / input-feld klickt (klickt, nicht drüberfahren!), sich dort die hintergrundfarbe der textbox / input feldes ändert.


danke

[easygo]

Fürs HTML-Element eine Pseudoklasse :hover definieren (CSS)

Beispiel: textarea.post:hover { background-color:#farbcode }

oder onclick (Scriptcode) verwenden. easy

[ATARI]

ich verwenden bereits diesen code

Code: Alles auswählen

input:hover,
textarea:hover,
select:hover,
select.post:hover {
	background-color: #F9F9F9; border: 1px #0066CC solid;
	background-image: none; }

input.mainoption:hover,
input.liteoption:hover,
input.button:hover {
	border: 1px #0066CC solid;
	background-color: #F9F9F9;
	color: #0066CC; }

der bewirkt, dass sich der rahmen und die hintergrundfarbe ändert, wenn man mit der maus drüber fährt ("hover").

nun will noch dass die hintergrundfarbe nochmal eine andere wird, wenn das feld "aktiv" ist, also wenn man halt reinklickt.

[nickvergessen]

nun will noch dass die hintergrundfarbe nochmal eine andere wird, wenn das feld "aktiv" ist, also wenn man halt reinklickt.

input.mainoption:active ?

[easygo]

Yep, oder halt textarea:active
Hab grad anklicken mit drüberfahren verwechselt.

Lesestoff: http://de.selfhtml.org/css/eigenschafte ... ormate.htm

[ATARI]

ok ich hätte es nun so gemacht, aber die fabre ädnert sich nicht wenn man reinklickt:

Code: Alles auswählen

input.mainoption:focus,
input.liteoption:focus {
	border: 1px #0066CC solid;
	background-color: #FFFFDD;
	color: #0066CC; }

[ATARI]

ok so gehts, danke euch

Code: Alles auswählen

input:focus,
textarea:focus {
	border: 1px #0066CC solid;
	background-color: #FFFFDD;
	color: #0066CC; }

[easygo]

:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)

Der Internet Explorer interpretiert :focus als :active. Opera ignoriert zunächst :focus und wendet die für
diesen Zustand definierten Eigenschaften erst bei nachfolgendem :hover zusätzlich an.

Soll heißen, :active war schon richtig, eigentlich :/ easy