Html 带选择选项的多级导航列表

我正在创建一个带有“select”“option”和“optgroup”的嵌套列表。。。 这是我的密码

HTML

现在的问题是，当我将鼠标悬停在id为“show Future option”的选项上时，无论我如何尝试，optgroup都不会显示。。。

---

如何执行此操作？

使用“标签”属性显示optgroup名称

<option id="show-further-option" value="#">Freebies
   <optgroup id="further-option" label="further-option">
       <option value="#">Textures</option>
       ....

免费赠品
质地
....

使用“标签”属性显示optgroup名称

<option id="show-further-option" value="#">Freebies
   <optgroup id="further-option" label="further-option">
       <option value="#">Textures</option>
       ....

免费赠品
质地
....

<option id="show-further-option" value="#">Freebies
   <optgroup id="further-option" label="further-option">
       <option value="#">Textures</option>
       ....