将宽度设置为下拉列表，并根据宽度调整大小

Question

.option100{
    width:100px !important;
} 

<select id="fieldOfInterestSelect" name="fieldOfInterest" class="form-control" required=""><option value="-1">SELECT ONE</option><option value="4893" class="option100">Actual(R)rrrrrrrrrrrrrrrr</option><option value="4891" class="option100">Customerrrrrrrrrrrrrr</option><option value="4892" class="option100">Daterrrrrrr</option><option value="4894" class="option100">Forecast(R)RRRRRR</option></select>

即使我有固定大小的选项，也不会应用它。 如果文本很大，则选项框将扩展为文本长度。

Answer 1

最后，我通过各种方式尝试获得了解决方案。最好的方法是在标题＆＃39;上修剪文字和广告全文。 [2]另一种有效的解决方案，使用UL LI结构。 我已经实施并且对我有效。这也解决了默认类重写类的另一个问题。