Jquery 引导：设置宽度：auto for选项会使下拉列表很难看

我对下拉选择选项所做的只是添加了一个样式：

display: inline; width: auto;

使其不是100%宽度。所以它看起来像：

<select style="display: inline; width: auto;" 
        class="form-control" 
        name="agefrom" 
        id="agefrom">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="17">17</option>
</select>

使用最新的Firefox，边框将被修剪：

---

如何防止这种情况发生？

将显示：内联更改为内联块

<select style="display: inline-block; width: auto;" class="form-control" name="agefrom" id="agefrom">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="17">17</option>

---

选择框空白由浏览器的渲染引擎添加

及

我建议用这种方法制作内联表单

将class.forminline添加到元素中

---

问题是？问题是陈述。将此CSS添加到此元素会使其变得丑陋。这是一个真实的说法。你到底在回答什么问题？如何避免让事情变得丑陋这是一个糟糕的问题，但你可以清楚地看到，他希望边界不被修剪：。。。我强烈建议你问问题，而不是让别人猜。同意，使用复习功能来帮助他是的，对，在这期间我发现了。我想我必须破解引导程序