html 选择下拉滚动条 - 仅当存在下拉框时

Question

有没有办法在 html 的“选择”和“选项”区域内放置滚动条？我只希望在单击下拉菜单时出现滚动条。我已经适当地设置了最大高度和溢出（至少根据谷歌搜索结果文章和 Stackoverflow 响应），但似乎没有任何改变。我不希望最大高度或高度影响加载的大小。

<div class="medium-6 large-6 columns view-value1">
        <table id="period-picker">
            <tr>
                <td><button type="button" id="BtnPreviousPeriod" class="gray-button" onclick="previousPeriod()">«</button></td>
                <td>
                    <select id="TimePeriod" class="gray-button button dropdown" onchange="updatePeriodButtons()">
                            <option value="08-16-2014">Aug-16-2014</option>
                            <option value="08-01-2014">Aug-01-2014</option>
                            <option value="07-16-2014">Jul-16-2014</option>
                            <option value="07-01-2014">Jul-01-2014</option>
                            <option value="06-16-2014">Jun-16-2014</option>
                            <option value="06-01-2014">Jun-01-2014</option>
                            <option value="05-16-2014">May-16-2014</option>
                            <option value="05-01-2014">May-01-2014</option>
                            <option value="04-16-2014">Apr-16-2014</option>
                            <option value="04-01-2014">Apr-01-2014</option>
                    </select>
                </td>
                <td><button type="button" disabled id="BtnNextPeriod" class="gray-button" onclick="nextPeriod()">»</button></td>
            </tr>
        </table>
    </div>

是我目前所拥有的。我最终想将它设置为滚动条出现的位置，并且在必须向下滚动之前只显示 5-8 个选项。它与作为表格行有什么关系吗？

Answer 1

我在 StackOverflow 上找到了 this。正如这里提到的：https://stackoverflow.com/a/8788691/3956967 你不能用 select 元素来做到这一点，但你可以使用 javascript 将其替换为虚假的选择和下拉菜单。