html選擇下拉滾動條 - 只有當下拉框存在

Question

有沒有辦法將一個滾動條放入html'select'和'option'區域？我只想在單擊下拉菜單時出現滾動條。我已經適當地設置了最大高度和溢出（至少根據Google搜索結果文章和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個選項。它與表格行有什麼關係？