Question

有没有办法在html中放置滚动条＆＃39;选择＆＃39;和＆＃39;选项＆＃39;区域？我只想在单击下拉菜单时显示滚动条。我已经适当地设置了max-height和overflow（至少根据Google搜索结果文章和Stackoverflow响应），但似乎没有任何改变。我不希望max-height或height影响加载的大小。

<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将其替换为假选择和下拉列表。

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

1 个答案: