Javascript 选择列表的所有值后，文本将被剪切

选择列表中的所有值时（使用ctrl+A），文本将被剪切。我需要没有删节的全文。这是。我尝试了不同的组合，只是不明白为什么会发生这种情况，也不知道如何解决

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>

---

我检查了您提供的链接，但将“最大宽度”属性更改为时似乎没有问题

max-width:215px;

---

也许我问错了

之所以发生这种情况，是因为您已给出了

最大宽度

移除
最大宽度：115px来自
.leftList

设置选项的宽度

option {
    width: 200px;
}

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

Jus检查一下：
如果它允许你用div包装它，你可以给div一个“leftList”类：


GPRS_L（字节）
GPRytes）
GPRS_D_DL（字节）
ol（字节）
G_卷_DL（字节）
GPRS\数据\音量\ DL（字节）
GPRS（数据量）
GPRytes）

这样，总宽度保持在115px，选项有一个内部滚动条。

示例：
不确定是否可以在这里提供帮助。这就是浏览器在这种情况下呈现它的方式。是否有解决方法或可能的修复方法？？当向具有固定宽度的列表中添加滚动时，这似乎是一个常见问题。我发现唯一的修复方法不是很好：
。leftList选项{min width:200px；}
@dfsq…我实际上从db调用中获取文本，因此无法控制文本的长度，需要有一个scrollYes，当然是
max width
。但如果OP真的希望它是
115px
，该怎么办呢？为什么在滚动时浏览器会将其剪辑？这是个好问题。@Hiral..这是更复杂的UI设计的一部分，所以我的宽度确实需要固定。这是更复杂的UI设计的一部分，所以我的宽度确实需要固定。@rut2..感谢您的快速响应。但是在这把小提琴中，只有背景颜色发生了变化，但文本似乎仍然被剪裁
option {
    width: 200px;
}

<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>