CSS下拉框调样式如何固定 下拉框是我们在前端开发中常用的一个UI组件,而对下拉框进行样式调整也是非常常见的需求。针对这个需求,我们可以使用CSS对其进行调整,但是在实际操作中会有一些问题,比如下拉框
<style> .dropdown { position: fixed; z-index: 999; } </style>
<style> .dropdown { max-height: 200px; overflow-y: scroll; } </style>
<div class="dropdown-wrapper"> <select class="dropdown"> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> </div> <br> <style> .dropdown-wrapper { height: 200px; overflow: hidden; } <br> .dropdown { height: 100%; width: 100%; border: none; outline: none; } </style>
粉丝
0
关注
0
收藏
0