相关疑难解决方法(0)

防止文本输入的水平"滚动"?

我正在处理html,css和js中的格式输入字段.

一个例子是具有以下模式的日期格式字段:**.**.****.当我在输入字段中输入内容时,当我到达框的末尾时,Chrome会"向左滚动".

我怎么能阻止这个?

在此输入图像描述

分隔每个字符的行由背景图像构成.使用等宽字体和集合,letter-spacing每个字符进入"字段".如果达到输入字段的大小,它将向前滚动并使用背景.

为了解决这个问题,我将输入元素放入div元素,将div元素限制为宽度并添加边框和overflow: none;div.结果:它在Firefox中运行良好,Chrome仍然将输入内容滚动到左侧.

我做错了吗?还有其他解决方案吗?是否有-webkit属性来防止这种情况?先感谢您!

html css google-chrome input

11
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

google-chrome ×1

html ×1

input ×1