【发布时间】:2015-01-16 09:24:59
【问题描述】:
我的网络表单上有几个 html 输入字段。当我来回切换时,具有焦点的字段在使用 Internet Explorer 时不会显示闪烁的光标,但在使用 Chrome、Safari 或 Firefox 时会显示。 文本字段最初会在未聚焦时显示水印文本。
我花了几天时间在谷歌上搜索答案,但无济于事。
【问题讨论】:
标签: javascript html internet-explorer keyboard focus
我的网络表单上有几个 html 输入字段。当我来回切换时,具有焦点的字段在使用 Internet Explorer 时不会显示闪烁的光标,但在使用 Chrome、Safari 或 Firefox 时会显示。 文本字段最初会在未聚焦时显示水印文本。
我花了几天时间在谷歌上搜索答案,但无济于事。
【问题讨论】:
标签: javascript html internet-explorer keyboard focus
我在 IE9 上看到过这个问题(在 IE10+ 中没有重现,也没有在 9 以下测试)。当表单位于使用-ms-transform 翻译的元素内时,就会出现问题。删除转换解决了这个问题。
【讨论】:
恐怕这是 IE 的常见行为,作为一种解决方法,首先尝试将 cursor: text 添加到输入中,然后如果不起作用,您可以尝试使用焦点上的 javascript 设置光标样式事件。
实际上,微软自己在 http://login.live.com 表单中这样做。
希望这会有所帮助...
【讨论】:
当您希望光标在 IE 中显示在设置了水印(占位符)的输入上时,请尝试通过 javascript 调用 focus() 和 select()。
【讨论】: