小编use*_*227的帖子

输入字段上的CSS text-indent在您开始输入之前不会更新插入位置

当我在CSS中使用text-ident属性时,我期望看到的是当您将焦点放在文本输入区域时,文本光标图标/插入符号将显示为缩进.但看起来好像它没有缩进,直到你键入第一个字符.唯一的解决方法是在输入元素上使用左边距,但我想避免使用填充,因为我也设置了宽度,并且不希望使用IE特定的电子表格来实现IE的填充修复.

这个错误发生在Safari中.

请参阅下面的图片,了解我在说什么.




在没有文本时进行焦点,text-ident不会影响插入位置:

关注焦点


当您开始输入时,它会正确缩进:

当你开始打字


键入然后删除键入的内容后,它会显示我想要从头开始执行的操作(缩进插入符号).

删除您输入的内容后

HTML:

<input type="text" />
Run Code Online (Sandbox Code Playgroud)

CSS:

input   { text-indent: 10px; }
Run Code Online (Sandbox Code Playgroud)

html css html-input text-indent

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

标签 统计

css ×1

html ×1

html-input ×1

text-indent ×1