Kindselektor nicht für alle Browser
Wieder einmal macht uns der Internet Explorer bis einschließelich Version 6 das leben schwer.Der Kindselektor wird nicht unterstützt. Die folge ist, dass die zugehörigen Angaben ignoriert werden. Jedoch benötigt man diese Selektoren häufig, um sein Template zu formatieren.
Beispielcode: Jedes H1 wird schwarz koloriert sofern H1 ein Kindelement der Klasse first ist
.first > h1{ color:black; }
Ausgewählte HTML Tags ausblenden
Manchmal ist es notwendig bestimme HTML Tags zu "neutralisieren", ohne gleich ein originales Template zu bearbeiten. Dies kann man mit dem Display:none erreichen.
Das hier gezeigte Beispiel kommt z.b. im Template form_widget.tpl vor (Stand Contao 2.8.1).
Um dort die Formularelemente zu floaten ist es nötig den Tag für Umbruch <br> zu deaktivieren.
.formbody br { display:none; }
Formelemente ohne gelben Rahmen
Viele haben das Problem vielleicht schon bemerkt. Wenn man in die Inputfelder des Chrome Browsers Werte eingibt oder das Selectmenü nutzt, werden die Formelemente plötzlich von einem gelben Rahmen verziert. Um dies zu unterdrücken muss man dem Inputfeld seine Outline entziehen. Das ist leicht und funtkioniert so:
input, textarea, select {
outline: none;
}
// bzw.
input[type="text"], input[type="password"], textarea, select {
outline: none;
}