Css 图示符显示在下拉菜单上方

我正在更新Angular应用程序，以使用Bootstrap 3字形图标而不是一些图像，遇到以下困难：

我在我的内容部分的视图中有这个标志符号：

  <i class="glyphicon glyphicon-play"></i>

这是一个下拉菜单：

  <i class="glyphicon glyphicon-log-out"></i>

---

当我下拉菜单时，“-play”标志符号似乎没有隐藏，并且仍然会显示出来。

在没有看到更多代码的情况下，我不能100%确定问题出在哪里，但您可以添加一些快速jQuery，以便在单击时显示/隐藏相应的图标

$('.the-dropdown').on('click', function() {
  $('i.glyphicon-play').hide();
});