让占位符集中在IE10中

在WebKit和Firefox下, input placeholder的文本input.val处于focus - 直到input.val实际上包含某些内容后才会消失。

有没有一种强制IE10做同样事情的好方法?


:来自Internet Explorer开发人员中心的-ms-input-placeholder伪类文档似乎暗示这是按照设计工作的。

占位符文本以指定样式显示,直到该字段具有焦点,这意味着该字段可以输入到该字段中。 当该字段具有焦点时,它将返回到输入字段的正常样式,占位符文本消失。

编辑:如果我不得不模仿这种行为,我会查看占位符polyfill库(设置默认值,在输入框上浮动灰色文本等),它们与旧版IE一起使用。 他们将不得不进行修改,因为他们可能会检测占位符功能并遵循浏览器。 此外,这将有一个“浏览器检测”代码的气味。

更新: 2014年6月19日Twitter #AskIE问题会议期间询问了一个“IE占位符文本消失”的问题,@IEDevChat回应说:“我们对此行为有一个活跃的错误,下一个版本将提供修补程序”


IE开发者在Twitter的AskIE会议期间回应了IEDevChat,这是IE BugList中的一个已知错误,他们将在未来的版本中修复它。

更新: - 不幸的是IE11中的占位符行为仍然相同,但似乎在Edge / Spartan版本中有效。


没有什么好的方法可以让占位符在IE 10+中保持领域焦点,但是如果你试图用占位符替换标签,那么你应该看看这个。

http://mozmonkey.com/2014/02/css-only-placeholders-field-labels-ie-float-labels/

这是结合占位符和标签以改善用户体验的方式。

链接地址: http://www.djcxy.com/p/12177.html

上一篇: keep placeholder on focus in IE10

下一篇: How can I transition height: 0; to height: auto; using CSS?