テキストオーバーフロー：する（ver。）省略記号は、IEでの入力のために働いたが、他の

Question

では正常に動作していない私はMS IEで問題を持っていることはしていないようinputフィールド、ためtext-overflow: ellipsis;プロパティこの特定のブラウザ（IE）でのみ動作します。

提案が参考になります。

フィドル： https://jsfiddle.net/TjGyz/362/

input, div { 
 
    width: 100px; 
 
    border: 1px solid silver; 
 
    padding: 5px; 
 
    margin-bottom: 10px; 
 
    outline: none; 
 
    font: 20px sans-serif; 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
}

<input type="text" value="This element is an input" />

Answer 1

<input type="text" value="This element is an input" readonly/> 

https://jsfiddle.net/kvuvkzeL/

それが編集可能にしてください：

$('.INPUT_CLASS').on('click', function() { 
     $(this).prop('readonly', ''); 
     $(this).focus(); 
    }) 

    $('.INPUT_CLASS').on('blur', function() { 
     $(this).prop('readonly', 'readonly'); 
    })