Как не "переполнять" input?
Как избежать подобного? Хотелось бы, чтобы новые цифры были вплотную к правой грани, а старые скрывались слева?
Ответы (2 шт):
Автор решения: UModeL
→ Ссылка
input {
font-family: monospace; /* используйте моноширинный шрифт */
text-align: right; /* выравнивайте по правому краю */
letter-spacing: 3.2px; /* подберите нужное расстояние между символами */
}<input>
Автор решения: frozencoast
→ Ссылка
Самое простое решение - это изменить направление текста:
input {
text-align: right;
}
input:not(:focus) {
direction: rtl;
}<input type="text">