Pseudoklasse:before verlinken webkit

[anderl]

Hallo miteinander,
ich habe ein Problem, mit der Verlinkung von Icons über Pseudoklassen in Webkit Browsern (Safari, Chrome).

Wenn ich das Attribut :before (auch :after) auf einen Link anwende um ein Icon vor dem Linik darzustellen, so wird das Icon nicht verlinkt. In FireFox, Opera ist das kein Problem,...

<div class="teasernav"><a class="prev" href="#"><span class="ym-hideme">zurück</span></a>1/2<a class="next" href="#"><span class="ym-hideme">zurück</span></a></div>

/*Links mit Symbolen*/
	a.prev:before, a.next:after {
		font-family: 'IcoMoonRegular';
		font-size:150%;
		vertical-align: -4px;
	}
	
	a.prev:before {
		content: 'O';
	}
	
	a.next:after {
		content: 'L';
	}

Woran könnte das liegen? Braucht webkit vielleicht noch eine andere Eigenschaft dazu?

Vielen Dank,
Anderl

[djesse]

@anderl,

Schau Dir doch bitte das CSS der Custom-Buttons des Formular-Moduls in YAML 4 an, der sollte Deine Frage beantworten:
http://www.yaml.de/docs/index.html#yaml-forms

Gruß
Dirk

[klodeckl]

Wahrscheinlich hast du die Anweisung: display: inline-block nicht drin?!? Wie Master Dirk Jesse schon meint, schau dir einfach das CSS bei Yaml 4 an und schau, dass du die selben CSS Stile hast. Ansonsten kann man schlecht raten was dir fehlt, ohne es gesehen zu haben!