Javascript 仅使用HTML创建下拉按钮&；CSS？

有没有可能创建一个只包含HTML和CSS的下拉菜单按钮

<a id="TakeAction">Take Action</a>

<ul id="actions">
  <li>action 1</li>
  <li>action 2</li>
   ...
</ul>

---

我是否需要javascript/jquery来执行类似操作？

尝试将其全部包含在一个div中，并将鼠标悬停在该div上：

HTML:

悬停时：

---

单击：

您可以使用HTML选择标记

这是我的解决办法

html

---

我希望这能有所帮助。

不确定你到底想要什么，但试试这个：#采取行动：悬停+ul#行动，ul#行动：悬停看看或谢谢你。有没有办法把它改成onclick而不是hover？谢谢，这正是我想要的。不过，如果你能帮上忙的话，JSFIDLE代码有一个问题……即使我在菜单外单击，菜单仍然保持打开状态。你不想使用Javascript有什么原因吗？一点js就可以了。我在网上看到了很多jquery和js解决方案，不想处理这些代码。但是一点点就好了…你为什么要内联设计呢？你应该使用CSS，因为这就是问题所在；“这可以用HTML和CSS来完成吗？”。此外，内联样式几乎是一个禁忌，除了在生成HTML电子邮件时。隐藏占位符项的有趣方法。

ul#actions
{
    display:none;
}
#TakeAction:hover + ul#actions
{
    display: block;
}

<div class="actions">
  <a id="TakeAction">Take Action</a>
  <ul id="actions">
    <li>action 1</li>
    <li>action 2</li>
  </ul>
</div>

ul#actions
{
    display:none;
}
.actions:hover ul#actions
{
    display: block;
}

<select name='takeation'>
  <option class='head'>Select Action</option>
  <option value='Action 1'>Action 1</option>
  <option value='Action 2'>Action 2</option>
  <option value='Action 3'>Action 3</option>
</select>

option.head {
  selected:selected;
  display:none;
  disabled:disabled;
}