不含JavaScript的纯CSS下拉菜单

Question

我尝试了以下代码段。

唯一剩下的就是，我必须单击其他位置以关闭下拉菜单。

预期：选择该项目后，下拉列表应关闭。

我想要它：

1. 纯CSS
2. 不修改给定的HTML
3. 不添加JavaScript

   toString()

   public class MyString {
   private char value[];
   
   MyString(char[] arr){
       this.value = Arrays.copyOf(arr, arr.length);
   }
   
   ... 
   
   MyString toLowerCase() { // can't change return type
       for (int i =0; i<value.length; i++) {
           if ((int)value[i] > 64 && (int)value[i] < 91) {
               value[i] = (char) (value[i]+32);
           }
       }
       return this; // this returns address, and I can't override toString
   }
   

   function toggleClasses(e) {
     document.querySelector('.selected').className = '';
     e.target.className = 'selected';
   }