7

当我在 CSS 中使用 text-ident 属性时，我期望看到的是当您将注意力集中到文本输入区域时，文本光标图标/插入符号将显示为缩进。但它似乎在您输入第一个字符之前没有缩进。唯一的解决方法是在输入元素上使用左填充，但我想避免使用填充，因为我也在设置宽度并且不想使用 IE 特定的电子表格为 IE 实现填充修复。

这个错误发生在 Safari 中。

请参阅下面的图片，了解我正在谈论的内容。




在没有文本时聚焦，文本标识不会影响插入符号的位置：

专注


当您开始输入时，它会正确缩进：

当你开始打字时


在您输入然后删除您输入的内容后，它会从头开始显示我希望它执行的操作（缩进插入符号）。

删除您输入的内容后

HTML：

<input type="text" />

CSS：

input   { text-indent: 10px; }
4

2 回答 2

5

这是一个已确认的 WebKit 错误，最近已解决https://bugs.webkit.org/show_bug.cgi?id=82688

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

使用 padding-left 代替。

于 2012-08-21T00:33:02.527 回答
3 
<style>
::-webkit-input-placeholder {text-indent:10px!important;}
:-moz-placeholder { text-indent:10px!important;}
::-moz-placeholder {text-indent:10px!important;}
:-ms-input-placeholder {text-indent:10px!important;}
</style>

这允许文本缩进集中缩进，我相信这已在较新版本的 webkit / safari 中得到修复。但是，此修复程序应该可以帮助您使用旧版本。

谢谢

于 2013-05-15T11:05:55.433 回答