文本溢出：省略号不适用于IE中的输入，但在其他情况下工作正常

Question

我在 MS IE （ ver.11 ）中遇到text-overflow: ellipsis;字段的input属性的问题，其中似乎没有仅适用于此特定浏览器（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' );
    })