Hallo Lisa, wenn ich das richtig sehe, ist´s verkehrt an jener Stelle, da das Element anders verschachtelt.
Lösche bitte deine vorgenannten Änderungen und untersuche bitte jene Klassen bzw. prüfe bitte die Auswirkungen bei Einbindung deiner Grafik:
Mal nur auf die Schnelle ....
Code: Alles auswählen
textarea.inputbox {
width: 85%;
}
.inputbox {
background-color: #FAFAFA;
background-image: url("./styles/aero-xmas/theme/images/bginput.gif");
background-repeat: repeat-x;
border: 1px solid #566877;
color: #000000;
}
bzw.
Code: Alles auswählen
.inputbox {
background-color: #FAFAFA;
background-image: url("./styles/aero-xmas/theme/images/bginput.gif");
background-repeat: repeat-x;
border: 1px solid #566877;
color: #000000;
cursor: text;
padding: 2px;
}
Und, evtl. wäre ein Hauch weniger Farbe zweckmäßig. Der Schwarzanteil ist doch nicht so unerheblich, wenn man die Textfabe Schwarz einbezieht, ist Text an einigen Stellen schwierig lesbar, kontrollierbar. Also ein Hauch blasser wäre m.E. für die Grafik besser.
Wie gesagt, ich nutze die Modifikation leider nicht und kann nur ansatzweise helfen.
Du kannst natürlich im Hintergrund die Grafik auch belassen und der Inputbox eine wesentlich kleinere "feste Größe" anstelle einer "prozentualen Größe" ( width ) geben. Auch ein ganz hübscher Effekt.
Probiere einfach aus, was dir gefällt und in allen Fällen (CSS-Anwendungen dieser Klasse) funktionstüchtig ist.
Viel Glück und LG
