中断字线选择选项

Question

我尝试显示有关国家/地区的选择，但名称太长。我只想将选项标签的宽度修改为select的宽度，但不删除该字符。 我使用wrap-text但它不起作用。有人可以帮帮我吗？ ：）

.option{ 
word-wrap: break-all; 
width: 100%;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
}

Answer 1

通过使用Selectboxit插件，您可以执行此操作

$(function(){

            $("#testselectset").selectBoxIt({
                theme: "default",
                defaultText: "Make a selection...",
                autoWidth: false
            });
            $("#testselectset").change(function(){
                alert("You selected: "+this.value+" from the Selectboxit plugin");
            });

此示例可能对您有所帮助。

Selct Wrap Fiddle

请注意，此代码不是我写的。