Jquery 如何将列表样式设置为类似下拉列表（带滚动条）

有人能帮我学CSS吗。我有一个列表，我希望列表看起来像下拉列表，它是白色背景，有一个滚动条列表等等

这里是我的HTML代码

<script>
$('document').ready(function(){
    $('#textin1').click(function() {
        var pos = $('#textin1').offset();
        pos.top += $('#textin1').width();

        $('#dropdown').fadeIn(100);

        return false;
    });

    $('#dropdown li').click(function() {
        $('#textin1').val($(this).text());
        $(this).parent().fadeOut(100);
    });
});
</script>

<input id="textin1" name="textin1" type="text" style="width:72px;">
<ul id="dropdown">
    <?php
    //display dropdown time for from
    $start = strtotime('12:00am');
    $end = strtotime('11:55pm');

    for ($i = $start; $i <= $end; $i += 300){
        $timerfrom = date('H:i', $i);
        echo '<li>' . $timerfrom. '</li>' ;
    }
    ?>
</ul>

$（'document'）.ready（函数（）{
$（'#textin1'）。单击（函数（）{
var pos=$（'#textin1'）.offset（）；
pos.top+=$（'#textin1'）.width（）；
$（'下拉列表'）.fadeIn（100）；
返回false；
});
$（“#下拉列表li”）。单击（函数（）{
$（'#textin1'）.val（$（this.text（））；
$（this.parent（）.fadeOut（100）；
});
});

确保列表不会从css继承不需要的样式， 如果我没弄错的话，你想要这样的东西：

---

确保列表不会从css继承不需要的样式， 如果我没弄错的话，你想要这样的东西：

---

在Jquery中尝试slideDown和slideUp函数。

---

在Jquery中尝试slideDown和slideUp函数。

---

您的CSS代码在哪里？你试过什么？你的CSS代码在哪里？你试过什么？

<div>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>    
</ul>
</div>    

div{
    border:1px solid red;
    width:100%;
    height:100px;
    overflow:auto;
}
ul {
    margin:0px;
    padding:0px;
}
ul li {
    list-style:none;
    display:block;
    border:1px solid #2e2e2e;
    background:#f9f9f9;
}