如何在点击时在css中显示省略号图像？

Question

我有一个screeshot，我已经在CSS中复制了。在点击省略号图像，我可以看到其中的下拉项列表。我在那里放了箭头标记（为了使问题清楚，这不是要求的一部分），因为点击我希望省略号图像可见。

我在fiddle （最右边有省略号）复制了上面的图片。点击后，我可以看到隐藏省略号图像的下拉项列表。

已按顺序使用的 HTML代码的片段使省略号和对齐省略号如下所示：

<form class="back">
   <input type="text" name="search" class="extand">
   <span class=" fa fa-search searchicon" aria-hidden="true "></span>
   <div style="">
      <img tabindex="1" src="https://s18.postimg.cc/d46ks4xjd/Ellipsis.png" id="ellipsis">
      <div class="dropdown">
         <li><a href="#">View Status</a><i class="fa fa-angle-down" aria-hidden="true"></i></li>
         <li><a href="#">Release Bills</a></li>
         <li><a href="#">Add Attendee</a></li>
         <li><a href="#">Export as</a></li>
         <li><a href="#">View in Google Sheets</a></li>
         <li><a href="#">Send Notifications</a></li>
      </div>
   </div>
</form>

问题陈述：

我想知道我应该在小提琴中的CSS代码中做出哪些更改，以便点击我可以看到省略号图像（由第一张图片中的箭头标记）。

此时，在点击省略号图像时，我只能看到下拉列表中的项目列表，没有省略号图像。