materialize-css选择样式显示：没有应用于ckeditor对话

问题描述

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

codesnippet dialog

我发现materialize-css库将“显示：无” 应用于所有选择的输入。 Materialize不在我自己的目录中，但是我正在使用 CDN ，所以我无法对其进行调整。

我尝试了以下操作：

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

.cke_dialog_ui_input_select { display: block; }

此外，我在base.html的body标签末尾添加了

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

我也在上面的脚本中尝试过此操作：

  $(document).ready(function(){
   $('select').formSelect();                                                                       
  });

我断开服务器并在每次更改后应用 python manage.py runserver 。但是，当我再次在Chrome Dev Tool中检查它时，仍然看到Materialize将显示设置为无。我在这里找到了东西 Drupal - materialize-css select styles are applied to ckeditor dialogues，但我听不懂。

我最后想到的是将 JQuery 事件 .ready 更改为具有 onload 的内容。

谢谢。

解决方法

我解决了。

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

main.css ：

yarn global add firebase-tools

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

firebase login

后 / 下具体化CSS参考链接。

1. 我清除了我的Google Chrome浏览器缓存。 Clear Chrome Cache

现在打开代码段（带红色圆圈）时，可以选择一种语言。 Answer

感谢您的帮助Sean; p