javascript - 怎样让input内容文字不移动？

问题描述

问 题

做的伪装六格子输入框，我是直接将格子当背景，然后设置字间距实现的。

.lattice{width: 251px; height: 56px; border: none; background: url('../img/lattice.png') no-repeat; font-size: 30px; color: #a0a0a0;letter-spacing:24px; text-indent: 12px;}

现在的问题就是输入最后一个字的时候 就会整体移动

有什么办法能避免吗？
谢谢大家的回答，宽度设宽点可以，不过有个问题光标会出去

解决方案

必须input的宽度要大一些，不然肯定会移动的
所以只能盖着input宽度超出的部位了

---

找个div盖住超出部位就可以了

这篇关于javascript - 怎样让input内容文字不移动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！