悬停时如何反转:: after内容

Question

在悬停在另一个容器上时，试图找到一种过滤:: after-content的解决方案。

我的after内容div看起来像这样：

throw new InsufficientBalanceException("${user.balance.insufficientBalance}");

将鼠标悬停在下拉菜单上后，我希望它得到该结果：

.dropdown::after {
 content: url(arrow.png);
 }

所以我尝试了：

.dropdown::after {
  content: url(arrow.png);
  filter:invert(100%);
 }

那么，我的错误在哪里？