html - 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 和 %)等，但仍然没有成功。使用 bootstrap 时它不会被切断，但很难说这是一个 bootswatch 问题，因为它很受欢迎。有什么想法吗？？

编辑:它似乎与主题相关。最初我使用的是 Flatly，但当我尝试 Cerulean、Cyborg、Darkly 和 United 时，它并没有被切断。 Cosmo 也被切断了......奇怪

Answer 1

试试这个 (width: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>