鼠标经过显示下拉选择下拉

最新推荐文章于 2023-02-14 09:17:12 发布

肖肖肖丽珠

最新推荐文章于 2023-02-14 09:17:12 发布

阅读量8.1k

点赞数 2

分类专栏：前端小知识

本文链接：https://blog.csdn.net/qq_33769914/article/details/78203173

版权

这篇博客介绍了如何使用CSS实现鼠标经过时显示下拉选择框的效果。通过设置不同的CSS类，如`:hover`选择器，实现下拉框的显示与隐藏。当鼠标滑过‘所属类型’，下拉框显示，选择内容后下拉框隐藏。同时，文中提到了可能出现的问题及解决方案，包括选择后下拉框的状态冲突，以及如何用JS处理鼠标进入和移出时的显示隐藏状态。

摘要由CSDN通过智能技术生成

这个可以在css通过

.select-type-relative{
position:relative;
}

.select-type {
margin-right: 10px;
cursor: pointer;
height: 34px;
line-height: 34px;
border-radius: 4px;
width: 120px;
padding-left: 20px;
border: 1px solid #dadada;
color: #7c7e7f;
box-sizing: border-box;
font-size:14px;