2011-04-03 105 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

相關問題