悬停选择选项

Question

当用户将鼠标悬停在选择选项上时，我希望显示一个信息框。例如：

    <select id = "sel">
       <option value="sick leave">Sick leave</option>
       <option value="urgent leave">urgent leave</option>
       <option value="maternity leave">Maternity leave</option>
       <option value="relocation leave">Relocation leave</option>
     </select>

当用户将鼠标悬停在选项上时，应显示一个消息框，显示他留下的特定类型的叶子数量，当他向下移动时，信息应根据光标指向的离开类型而改变

Answer 1

您可能希望使用css psuedo元素执行此操作。

有人问了一个非常相似的问题并在此收到了详细的回复：

How to create a box when mouse over text in pure CSS?