微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

这个错误发生在Safari中.

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

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

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

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

HTML

CSS:

input   { text-indent: 10px; }
最佳答案
这是一个已确认的WebKit错误,最近已经解决https://bugs.webkit.org/show_bug.cgi?id=82688

您的Safari版本可能太旧,无法包含此修复程序.

请改用左边的填充.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Mip是什么意思以及作用有哪些
怎么测试Mip页面运行情况
MIP安装的具体步骤有哪些
HTML添加超链接、锚点的方法及作用详解(附视频)
MIP的规则有哪些
Mip轮播图组件中的重要属性讲解
Mip的内联框架组件是什么
怎么创建初始的MIP配置及模板文件
HTML实现多选框及无法提交多数据的原因分析(附视频)
HTML如何设置复选框、单选框以及默认选项?(图文+视频)