Estamos buscando una solución para agregar un atributo de clase CSS al @ de un formulario de Djan<input..> campo. Hemos visto el consejo que sugiere que envuelvamos el campo en una<div> http: //docs.djangoproject.com/en/1.2/topics/forms/#customizing-the-form-templat, pero este consejo parece aplicarse principalmente a una etiqueta de campos, no es<input ...>.

ste consejo en particular no funciona si intenta crear un borde alrededor del<input> campo. En ese caso, la<div> se aplicará al cuadro delimitador, y no al campo de entrada real. Por ejemplo.wrapper { border: 1px solid #666;line-height:22px;height:22px;padding:3px 5px;width:205px;} creará un cuadro alrededor del campo, en lugar de reemplazar el @ predetermina<input ...> frontera

Hemos vuelto a aplicar la clase a través de un widget aplicado a la clase Form, pero esto carece de una cierta cantidad de elegancia de código (y viola DRY). Por ejemplo, esto resuelve la necesidad.

class ContactUsForm(forms.Form):
    name = forms.CharField(widget=forms.TextInput(attrs={'class':'form_text'}))

Pero, por supuesto, esto vincula el formulario muy estrechamente con el CSS. Y se vuelve aún más complejo si intenta aplicar atributos de clase a<input ..> campos si el formulario se basa en los nuevos formularios geniales. Sistema ModelForm.

Hemos pasado la mayor parte de dos días jugando con este problema (y estudiando el código fuente de Django), y parece que estamos llegando a los límites más lejanos de Django para este problema en particular, pero solo queríamos tomar uno pasar en StackOverflow para ver si alguien más tuvo una idea.

Gracias por cualquier idea.

Un comentario final: siéntase libre de aclararnos esto si el problema es nuestra comprensión de CSS (en lugar de django). Hemos pasado bastante tiempo jugando con las opciones de CSS, pero ninguna de ellas parece permitirnos lograr el efecto deseado, es decir, reemplazar la @ predetermina<input...> frontera