Bootswatch下拉列表-列表的最后一个字符被截断

Question

在应用启动监视主题时，下拉列表的最后一个字符会不断被截断。下拉HTML是

<div class='menu' id="dropmenu">
  <select name="dates" method="GET" action="/" width="300px" class="form-control">
    <option selected="selected">{{dropset}}</option>
    {% for date in dates %}
      <option value="{{date}}">{{date}}</option>
    {% endfor %}
  </select>
</div>

结果是

最近的解决方案是found here，但不适用于我。尝试过的CSS文本对齐，各种宽度（px＆％）等，但还是没有运气。使用引导程序时，它不会不会被切断，但鉴于其受欢迎程度，很难说这是一个引导问题。有什么想法吗？

编辑：它似乎与主题相关。最初我使用的是Flatly，但是当我尝试使用Cerulean，Cyborg，Darkly＆United时，它并没有中断。 Cosmo也会中断，但是...很奇怪

Answer 1

尝试制作（宽度：100％）

<div class='menu' id="dropmenu" >
  <select name="dates" method="GET" action="/" width="100%" class="form-control">
    <option selected="selected">{{dropset}}</option>
    {% for date in dates %}
      <option value="{{date}}">{{date}}</option>
    {% endfor %}
  </select>
  </div>