【问题标题】:How do I change the font-size of a bootstrap-select drop-down menu?如何更改引导选择下拉菜单的字体大小?
【发布时间】:2018-01-12 18:11:17
【问题描述】:

我尝试设置一个单独的 css 类来覆盖下拉菜单的样式。但是,它不起作用。

#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
    }

【问题讨论】:

  • 那么任何答案是否有助于您实现目标?

标签: python html django bootstrap-4 bootstrap-select


【解决方案1】:

当您在 DOM 中指定一个类时,您不使用.,仅用于在 CSS(或 jQuery)中访问它。将'selectpicker .selectStyle' 更改为'selectpicker selectStyle',应该可以解决问题。

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

【讨论】:

  • 感谢masterfloda的帮助。但它仍然无法正常工作。我可以直接给 attrs 字段设置样式吗?
  • 你可以(如 hansTheFranz 的回答)但内联样式被认为是非常糟糕的做法。如果你看一下你的 HTML 代码,<select> 应该有两个类,selectpicker selectStyle。如果字体大小仍然不是 5px,它可能会被另一种样式覆盖,您可能需要相应地设置样式级联路径或仅使用 5px !important
  • 哈哈,你应该在我的回答下发布。您对内联样式是正确的,但我在帖子中提到它并提到它应该在 forms.py 中完成;)
猜你喜欢
  • 1970-01-01
  • 2016-11-09
  • 2014-04-25
  • 1970-01-01
  • 2022-11-10
  • 1970-01-01
  • 2023-03-31
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多