Wie müsste ich dies in CSS definieren und in Javascript ansprechen?
input {
border: 1px solid green;
}
input.foo {
border: 1px solid red;
}
Die Klassen manipulieren kannst du mit http://de.selfhtml.org/javascript/objekte/all.htm#class_name.
Aktuell hast du lediglich eine CSS-Eigenschaft, aber wenn du mehrere veränderst, wirds kompliziert - dann hast du je CSS-Eigenschaft eine Zeile mehr im JavaScript. Imho ist es aber besser, alle Formatierungsangaben gemeinsam im CSS zu haben und nicht zerstückelt auf mehrer Baustellen.
Darum sollte man prinzipiell immer mit JavaScript lediglich Klassen hinzufügen/entfernen und nicht CSS-Eigenschaften setzen/zurücksetzen (wenn es nicht unbedingt notwendig ist)