1回答

西门老舅

2022-02-19

你好，下拉菜单可按照下面的结构进行模拟：

<div>

    <input type="text" readonly value="下拉第一项" />

    <span class="down-arrow"></span>

</div>

<ul>

    <li>下拉第一项</li>

    <li>下拉第二项</li>

    <li>下拉第三项</li>

</ul>

需要配合JS来完成：

1. ul要保证跟div上下对齐

2. 点击div显示ul

3. li点击隐藏ul，并把内容写入到input的value中

4. down-arrow箭头展开ul和关闭ul的时候，要进行样式变化
   

0

1

人生的起源

找机会试试，谢谢老师

2022-02-20

共1条回复