2011-04-03 71 views
5

我需要在没有任何破解的情况下执行此操作。谢谢。在未聚焦的文本输入中显示闪烁的光标

+4

你认为什么黑客?输入字段中闪烁的管道“|”字符是否足够? – 2011-04-03 05:10:22

+8

将代码为食物 – amosrivera 2011-04-03 05:10:43

+3

我很想听听你为什么要混淆用户,除非你想在自己插入东西时模拟插入符号。这也可以在div/span中完成 – mplungjan 2011-04-03 06:05:41

回答

0

你将不能够做到这一点没有某种形式的两轮牛车的。

这里有一个简单的纯CSS破解:

input { 
    background-image:  url(cursor-anim.gif); 
    background-position: 4px 50%; 
} 
input:focus { 
    background-image: none; 
} 

但是,正如其他人所说,这可能是值得一问自己,如果这样可能会导致用户感到困惑......

0

将管道(|)包裹在闪烁标记(ugh)中并将其完全放置在文本输入上!

虽然严重,不要混淆温柔的用户:)

+0

按照[MDN的建议](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blink):**警告:**请勿使用此元素,因为它是非标准的和**弃用**闪烁的文本被一些可访问性标准所忽略,并且CSS规范允许浏览器忽略闪烁值。 **几乎所有的浏览器都忽略了这个元素。** – kentcdodds 2013-08-09 02:33:09

相关问题