選擇列表中的所有值後文本被剪切

在選擇列表中的所有值（使用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; 
}

來源

2014-12-05 codingBliss

不知道這是可能的幫助。這是瀏覽器在這種情況下呈現的方式。 – dfsq 2014-12-05 10:15:25

是否有解決方法或可能的解決方法？ – codingBliss 2014-12-05 10:33:01

當滾動添加到固定寬度的列表中時，這似乎是一個普遍問題。 – codingBliss 2014-12-05 10:36:01

，如果它讓你有一個div包裹它，你可以給DIV的「leftList」類：

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

來源

2014-12-05 10:46:14

演示有點笨拙，但這實際上是一個好主意！ – dfsq 2014-12-05 10:47:25

這是改進的演示：http://jsfiddle.net/729nX/44/ – dfsq 2014-12-05 10:51:20

@ dfsq ..感謝偉大的工程.. – codingBliss 2014-12-05 11:00:33