select下拉列表框自动展开

最新推荐文章于 2023-08-16 16:57:56 发布

转载最新推荐文章于 2023-08-16 16:57:56 发布 · 1.1w 阅读

文章标签：

#border #div

javascript 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了一种带有特定样式的HTML下拉选框实现方法，包括如何通过CSS设置位置、大小及边框样式，并利用JavaScript调整选框显示数量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <div style="width: 100px; position: relative; padding-left: 10px;">  
        <select name="select1" id="select1" 
                onmouseover="this.size='15';"
                onclick="this.size='1';" 
                onmouseout="this.size='1';" 
                style="width:45px;position: absolute; top: -10px; border: 1px solid #333;">  
            <option selected="selected" value="1">1</option>  
            <option value="2">2</option>  
            <option value="3">3</option>  
            <option value="4">4</option>  
            <option value="5">5</option>  
            <option value="6">6</option>  
            <option value="7">7</option>  
            <option value="8">8</option>  
            <option value="9">9</option>  
            <option value="10">10</option>  
            <option value="11">11</option>  
            <option value="12">12</option>  
            <option value="13">13</option>  
            <option value="14">14</option>  
            <option value="15">15</option>  
            <option value="16">16</option>  
            <option value="17">17</option>  
            <option value="18">18</option>  
        </select>  
    </div>