Vor ein paar Tagen habe ich eine sehr Interessante Lösung gefunden auf CSS Hacks für Safari, Internet Explorer, Opera, Firefox etc verzichten zu können. Und zwar mit der Hilfe eines “CSS Browser Selectors”.

Was ist ein “CSS Browser Selector” ?

Hier ein kleines Beispiel:

.ie7 body {
	background-color: orange
}
.gecko body {
	background-color: gray
}

Wie funktioniert er ?

Die Funktion ist recht einfach, per JavaScript oder per PHP (ein Ruby plugin existiert wohl auch) wird festgestellt welchen Browser und welches System man verwendet, und dieses wird dann per Klasse auf den html-Tag geschrieben. Danach hat man die Möglichkeit jedes beliebige Element für den entsprechende Browser anzupassen bzw zu verändern.

PHP CSS Browser Selector
JS CSS Browser Selector