Question

在列表中选择所有值时（使用ctrl + A），文本将被删除。我需要没有截断的全文。这是jsfiddle example。我尝试了不同的组合，只是无法理解为什么会发生这种情况或修复它。

HTML代码：

<select class="leftList" multiple size="10" >                                                   
    <option value="GPRS_Data333333L">GPRS_L(Bytes)</option>
    <option value="GPRS_&&&&&&&&&&&&&DL">GPRytes)</option>
    <option value="GPRS_Data_Volume_DL">GPRS_D_DL(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">ol(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">G_Volume_DL(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume_DL(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume)</option>
    <option value="GPRS_DL">GPRytes)</option> 
</select>

CSS：

.leftList {
    width: 115px;
    overflow-x: scroll;
    height:200px;
}

Answer 1

如果它允许你用div包装它，你可以给div＆＃34; leftList＆＃34;类：

<div class="leftList">
    <select multiple size="10" >                                                    
       <option value="GPRS_Data333333L">GPRS_L(Bytes)</option>
        <option value="GPRS_&&&&&&&&&&&&&DL">GPRytes)</option>
        <option value="GPRS_Data_Volume_DL">GPRS_D_DL(Bytes)</option>
        <option value="GPRS_Data_Volume_DL">ol(Bytes)</option>
        <option value="GPRS_Data_Volume_DL">G_Volume_DL(Bytes)</option>
        <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume_DL(Bytes)</option>
           <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume)</option>
            <option value="GPRS_DL">GPRytes)</option>
    </select>    
</div>

总宽度保持115px，你有一个内部滚动选项例如：http://jsfiddle.net/729nX/42/

Answer 2

我检查您提供的链接，但将max-width属性更改为

时似乎没有问题

max-width:215px;

也许我的问题出错了？

Answer 3

这种情况正在发生，因为您提供了max-width。

从max-width: 115px;删除.leftList。

Updated fiddle here.

Answer 4

设置选项的宽度......

option {
    width: 200px;
}

http://jsfiddle.net/rLcb7813/

Answer 5

有一种方法可以做到这一点...... 您需要更改所选的文本背景颜色，或者需要更改<select>

的背景颜色

Jus检查一下：http://jsfiddle.net/rut2/729nX/41/

选择列表的所有值后剪切文本

5 个答案: