html输入只读剪切的尾随文本

Question

我的readonly输入元素的值被切断了。有没有办法纠正这个而不改变字体类型或字体大小？ https://jsfiddle.net/hockchailim/tkg7a4c8/

<style>
input[readonly] {
  border: none;
  font-size: .85em;
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  width: auto;
}
</style>
<input readonly="readonly" type="text" value="mmm.mmmm-mmmm@test.com">

Answer 1

将宽度更改为100％

＆＃13;

＆＃13;

master..feature

＆＃13;

git diff

＆＃13;

$(document).ready(function() {
    var count = $("#readonly").val().length;
    $("#readonly").css("width","calc("+ count +" * 0.85em)");
});

＆＃13;

＆＃13;

＆＃13;

Answer 2

嗯......你不想改变字体类型/大小？输入宽度怎么样？获取width:250px而不是自动宽度可以解决问题。