Javascript 物化css选择样式显示：无应用于编辑器对话框

我试图通过构建博客webapp来学习Django-Python框架。我正在使用物化CSS框架1.0.0进行样式设置。此外，为了创建帖子，我使用了CKEditor 4。我希望用户能够添加代码片段。CKEditor在我的静态目录中，并且呈现良好，但是当我打开codesnippet对话框时，我无法选择语言

我发现MaterializeCSS库将“display:none”应用于所有选择输入。Materialize不在我自己的目录中，但我使用的是CDN，所以我无法调整它

我尝试了以下方法：

.cke_dialog_ui_input_select { display: block; }

我检查了Chrome开发工具中的元素，并在ckeditor/dialog/styles/dialog.css中添加了以下内容：

.cke_dialog_ui_input_select { display: block; }

在my base.html中body标记的末尾，我添加了以下内容：

    <script>
     $(document).ready(function(){
      $('select').css("display","block");
     });
     console.log("display to block");
    </script>                                                                                  
  </body>

每次更改后，我都会中断服务器并应用python manage.py runserver。但当我再次在Chrome开发工具中检查它时，我仍然看到Materialize正在将显示设置为none。我在这里发现了一些东西 ，但我不明白

我所能想到的最后一件事是将JQuery事件.ready更改为onload

提前谢谢你。

我解决了

在我的静态文件中，我添加了一个main.css，以便static/blog/main.css

main.css：

select.cke_dialog_ui_input_select {
  display: block;
}

我在我的base.html模板的部分添加了链接：

在/下的物化CSS参考链接之后

我清除了我的谷歌浏览器缓存 当我现在打开代码片段（红色圆圈）时，我可以选择一种语言

---

谢谢你的帮助，肖恩；p

您可以给任意一个select一类的

浏览器默认值

，将其从物化样式中删除。如何在页面上呈现html

您可以在这里看到，使用此类的任何选择都不会受到具体化样式的影响：我将脚本更改为

$（document）.ready（function（）{$（'select'）.formSelect（{classes:“browser default”}）；}），如此处设置。但这对对话不起作用。我明白你的意思。在我自己的表单中，它只是工作，
class PostForm（forms.ModelForm）：class Meta:model=Post字段=['title'、'category'、'front_image'、'content']widgets={'title'：forms.TextInput（attrs={'class'：'form control'}），'category'：forms.Select（attrs={'class'：'browser default'}，choices=SUBJECT_CATEGORY），“content”：forms.Textarea（attrs={'class'：'form control'}），}
这不是您在select上设置类的方式，正如文档页面上所说：“要添加到select包装器元素的类。”。我再次问你-你如何在页面上呈现html？
 <link rel="stylesheet" text="text/css" href="{% static 'blog/main.css' %}">