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

Question

应用 bootswatch 主题时，下拉列表的最后一个字符不断被截断。下拉 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>