Javascript 插入符号三角形反转，当列表已显示时显示下拉列表

我有一个非常恼人的下拉列表

列表

，它显示了错误的三角形：

正如你所看到的，两张图片上的箭头都是反向的，我似乎不明白为什么

以下是我所拥有的：

使用时，箭头指向“向内”，从其所建的边缘指向其对象的中心

要切换箭头，请调整CSS：

#nav-trigger span:after {
  display: inline-block;
  margin-left: 10px;
  width: 0;
  height: 0;
  content: "";
  border-left: solid 10px transparent;
  border-bottom: solid 10px #e3e3e3; /* changed */
  border-right: solid 10px transparent;
}
#nav-trigger span.open:after {
  border-left: solid 10px transparent;
  border-top: solid 10px #fff; /* changed */
  border-bottom: none; /* changed */
  border-right: solid 10px transparent;
}

使用时，箭头指向“向内”，从其构建的边缘指向其对象的中心

要切换箭头，请调整CSS：

#nav-trigger span:after {
  display: inline-block;
  margin-left: 10px;
  width: 0;
  height: 0;
  content: "";
  border-left: solid 10px transparent;
  border-bottom: solid 10px #e3e3e3; /* changed */
  border-right: solid 10px transparent;
}
#nav-trigger span.open:after {
  border-left: solid 10px transparent;
  border-top: solid 10px #fff; /* changed */
  border-bottom: none; /* changed */
  border-right: solid 10px transparent;
}

---

箭头是否错了是一个感知的问题。如果以一种方式解释，它们看起来很好，如果以另一种方式解释，它们看起来是错误的。@Ourobrus不是真正的克拉，通常会在web上打开菜单之前指向下方，即使在默认的html选择框中也是标准的。箭头是否错误，取决于感知。如果以一种方式解释，它们看起来很好，如果以另一种方式解释，它们看起来是错误的。@Ourobrus不是真正的克拉，通常会在web上打开菜单之前指向下方，即使在默认的html选择框中，它也是标准的。