html-按钮式下拉框
发布时间
阅读量:
阅读量
https://www.cnblogs.com/libingql/p/5844050.html
实质上是通过点击按钮来激活一个隐藏的下拉菜单
可通过设置延时函数以及调整display属性来实现对子元素展示状态的操控
<style>
.bwbt{background-color: white;border-color: cornflowerblue;border-radius: 5px;border-width: thin;color: cornflowerblue;text-align: center6495EDFF }
</style>
<body>
<div >
<p><button onclick="pulldown()" class="bwbt">上传化合物数据</button></p>
<p style="display:none;list-style-type:none;" id="son1"><button class="bwbt">手动输入 上传</button></p>
<p style="display:none;list-style-type:none;" id="son2"><button class="bwbt">本地导入 上传</button></p>
全部评论 (0)
还没有任何评论哟~
