Button stylen.

[Derte]

Hi Leute,
Ich hab mich ein wenig in CSS eingelesen und folgenden Code gemacht:

.button {
	padding:0;
	margin:0;
	width:100px;
	font-size:12px;
	border: 2px solid #333333;
	background-color: #FF0000;
	color:#000000;
	}

Jetzt hab ich ja einfach nen Button mit rotem Hintergrund.
Was ich jetzt noch will ist:
- dass der Mauszeiger zum Finger wird beim drüberfahren.
- Bei Anklick oder Mouseover ein Farbenwechsel...


MFG
Derte

 

[michaelos]

hi^^
also ersteinmal: das gehört ja eigentlich ins css-unterforum oder nich?

so dann geht das gewünschte wie folgt:

[FONT=monospace].button[FONT=Tahoma]:hover {
  cursor: pointer;  /* Bei drüberfahren wird Maus zum Finger */
  background-color: #000000; /* Bei drüberfahren wird Hintergrund schwarz (kannst du natürlich nach belieben ändern) */
}

.button:active {
  background-color: #FFFFFF; /* Beim Anklicken wird Hintergrund weiß (auch hier kannst du natürlich die Farbe ändern) */
}
[/FONT][/FONT]

hoffe habe deine fragen beantwortet :)
bei dem .button:active bin ich mir nich ganz sicher da musste ma ausprobieren^^

mfg michaelos

 

[Efchen]

Die Pseudoklasse :active ist die richtige, wenn es ums Anklicken geht. Der Zustand ist aber wieder unwahr, sobald die Maustaste losgelassen wird.

Soll ein Button dauerhaft gekennzeichnet werden, muss diese Entscheidung anderswo getroffen werden, zur Kennzeichnung der aktuellen Seite z.B. muss die Kennzeichnung serverseitig erfolgen.