我在直接放置在输入字段顶部的跨度中复制输入字段值。 (这样做只能操作部分文本)溢出时使跨度像输入字段一样起作用
我遇到了溢出问题。
有没有办法让跨度像输入字段一样行动并随着越来越多的字符添加滚动文本到左侧?
电流量程造型:
style="display: inline-block; position: absolute; top: 0.25px; left: 2px; padding: 1px; z-index: 2; pointer-events: none;"
编辑
<div style="position: relative;" class="input-box">
<input style="color: transparent; caret-color: black; z-index: 1;" type="text" name="street[]" id="street_1" class="street
input-text"/>
<span id="street1span" class="input-text" style="display: inline-block; width: 100%; position: absolute; top: 0.25px; left: 2px; padding: 1px; z-index: 2; pointer-events: none;" ></span>
</div>
在他的情况下,如果没有内容可编辑的,但用于演示目的,这是完美的解决方案。 – Doomenik
这是完美的,但在我的网站上,它不会很好地回滚,就像在这里的代码段中,文本在输入字段的末尾消失 –
这可能是因为我的跨度不是'contenteditable =“true”'? –