How do I change the font-size of a bootstrap-select drop-down menu?

Question

I tried to set a separate css class to overide the style of the dropdown menu. However, it's not working.

#form.py
class fundForm(forms.Form):

    fund = forms.ChoiceField(choices=FUND, required=True, widget=forms.Select(attrs={'class': 'selectpicker .selectStyle'}))

    class META:
        model = fundList  

#html
    .selectStyle{
        font-size: 5px
    }

Answer 1

when you specify a class in the DOM, you do not use the . , only for accessing it in CSS (or jQuery). change 'selectpicker .selectStyle' to 'selectpicker selectStyle' , that should do the trick.

fund = forms.ChoiceField(choices=FUND, required=True, widget=forms.Select(attrs={'class': 'selectpicker selectStyle'}))