# Add css class on RelatedField dropdown?

**URL:** <https://forum.djangoproject.com/t/add-css-class-on-relatedfield-dropdown/680>\
**Category:** Using Django\
**Created:** [December 20, 2019, 12:39pm UTC](https://forum.djangoproject.com/t/add-css-class-on-relatedfield-dropdown/680 "2019-12-20T12:39:28Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![mangrio123](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.djangoproject.com/mangrio123/32/464_2.png) [@mangrio123](https://forum.djangoproject.com/u/mangrio123)\
**Post date:** [December 20, 2019, 12:39pm UTC](https://forum.djangoproject.com/t/add-css-class-on-relatedfield-dropdown/680/1 "2019-12-20T12:39:28Z")

</div>

Hi,

I am using built in Django Admin Template, I am trying customize the change\_form.html and fieldset.html file.

I am trying to add “form-control” bootstrap class on each field, for that I have created the filter template tag.

```
@register.filter
def css_class(field, classname='form-control'):
"""
Add css class to widget
"""
css = field.field.widget.attrs.get('class', '')
field.field.widget.attrs['class'] = css + ' form-control'
return field

```

by using this " {{ field.field|css\_class }} " class is being applied on all fields except RelatedField drop-down, also see the attached screenshot

 ![image](https://us1.discourse-cdn.com/flex026/uploads/djangoproject/original/1X/d00ced4f596c1024a128f971a426ab40a7c3a6c9.png)

please guide me how can I achieve this on each field

thanks