phpBB.de

Verfasst: **17.04.2007 18:21**

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

Verfasst: **17.04.2007 18:28**

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

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

oder onclick (Scriptcode) verwenden. easy

Verfasst: **17.04.2007 18:36**

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.

Verfasst: **17.04.2007 18:39**

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

input.mainoption:active ?

Verfasst: **17.04.2007 18:43**

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

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

Verfasst: **17.04.2007 18:52**

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; }

Verfasst: **17.04.2007 18:54**

ok so gehts, danke euch

Code: Alles auswählen

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

Verfasst: **17.04.2007 18:55**

selfhtml hat geschrieben::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

phpBB.de

css befehl bei klick in textarea

css befehl bei klick in textarea