Hover definieren

Verfasser Nachricht

BT-Creative.de

Beiträge: 22
Bewertung: -1
Registriert seit: Apr 2015
Status: offline

Beitrag: #1

Hover definieren

Guten Abend zusammen,

gibt es eine Möglichkeit den Effekt in dem das German steht per CSS anders zugestalten?.
Dannke schonmal im vorraus.

Angehängte Datei(en) Thumbnail(s)

29.03.2016 17:43

Diese Nachricht in einer Antwort zitieren

Emptyx

Beiträge: 1.557
Bewertung: 14
Registriert seit: Sep 2010
Status: offline

Beitrag: #2

RE: Hover definieren

Wie sieht denn dein Code aus? Sieht aus wie ein normaler Button.

[Link: Registrierung erforderlich]
Da sind recht viele Möglichkeiten und Beispiele.

29.03.2016 17:46

BT-Creative.de

Beiträge: 22
Bewertung: -1
Registriert seit: Apr 2015
Status: offline

Beitrag: #3

RE: Hover definieren

Das ist von eine Standartformatierung von Firefox. Es sind ja für alle Elemente Standartformatierungen im Browser vorhanden soviel ich weiß und die man dann genauer mit Hilfe von CSS definieren kann nur weiß ich leider hier die Bezeichnung von dem Element nicht auf das zugeriffen wird.

29.03.2016 17:53

Dennis

Beiträge: 1.306
Bewertung: 6
Registriert seit: May 2009
Status: offline

Beitrag: #4

RE: Hover definieren

Hi,

momentan gibt es die beiden Möglichkeiten in der CSS-Datei mit den Selektoren button oder input[type=button] dieses Element anzusteuern.

Hierfür musst du aber erst klären, um welchen HTML-Tag es sich hier handelt, denn wurde z.B. button angegeben, kommst du mit der input-Variante nicht weiter.

Handelt es sich um einen Form-Submit-Knopf, sprich das Formular wird angestoßen, dann kannst du entweder auch mit button selektieren oder mit input[type=submit]

Um einen Hover-Effekt leicht mit CSS und ohne viel Schnickschnack zu realisieren, gibt es Pseudo-Selektoren wie ::after und ::before, mit denen du speziellen Inhalt noch an das Element dranheften kannst.

Code:

input[type=button]:hover::before {

  content: 'German';

  background: #000000;

  width:100px;

  height: 30px;

  color: #ffffff;

}

würde z.B. einen schwarzen Kasten mit weißer Schrift erzeugen.
(Keine Gewähr auf Funktionalität dieser CSS-Regel, die habe ich gerade frei aus dem Kopf heraus und nicht getestet)

Dieser Beitrag wurde zuletzt bearbeitet: 30.03.2016 08:08 von Dennis.

30.03.2016 08:05

Baumstrukturmodus | Brettstrukturmodus

« Ein Thema zurück | Ein Thema vor »

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	Wordpress Einschub definieren	eret12	4	1.624	20.04.2016 06:37 Letzter Beitrag: push
	CSS last-child und a:hover kombinieren?	Mr-Trust	4	1.784	26.11.2012 18:31 Letzter Beitrag: push
	Farblos, beim Hover mit Farbe (PHP, jQuery)	Aaron	4	1.408	03.10.2012 21:47 Letzter Beitrag: Aaron
	CSS Hover bei Texten	uBasis	5	1.423	15.05.2011 13:15 Letzter Beitrag: uBasis

Druckversion anzeigen
Thema einem Freund senden
Thema abonnieren
Thema zu den Favoriten hinzufügen