通过js+css+html实现二级下拉列表

最新推荐文章于 2022-10-20 16:07:26 发布

自由如风z

最新推荐文章于 2022-10-20 16:07:26 发布

阅读量653

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/var_da/article/details/103037941

版权

先用css写下样式

<style>
            * {
   
                list-style: none;
                padding: 0;
                margin: 0;
            }

            #box {
   
                margin: auto;
                width: 80px;
                
            }

            #box>li>p {
   
                background: #444;
                line-height: 25px;
                border: 1px solid #888;
                text-align: center;
            }
            #box>li>p:hover{
   
                cursor: pointer;
            }

            .aa {
   
                display: none;
                background: gray;
                /* width: 70px; */
                text-align: center;
            }

            .aa p {
   
                height: 30px;